@xhsreds/reds-rn-next 0.8.3-fix-text-view-cursor202509261611 → 0.8.4-feat-image-optimization202510142122

package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js

@@ -1,4 +1,4 @@
 export { configCache } from './ConfigCache.js';
-import '../../../../_chunks/CAkwE9ZD.js';
+import '../../../../_chunks/DpFbw-p-.js';
 import '@xhsreds/reds-token-next';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/ConfigProvider/hooks/themeToken/index.js

@@ -2,7 +2,7 @@ export { useColorMode } from './useColorMode.js';
 export { useThemeButtonBorderRadiusById, useThemeColor, useThemeTypography } from './useThemeToken.js';
 import 'react';
 import '../ConfigContext/ConfigContext.js';
-import '../../../../_chunks/CAkwE9ZD.js';
+import '../../../../_chunks/DpFbw-p-.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigCache/ConfigCache.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray } from '../../../../_chunks/DpFbw-p-.js';
 import { useContext } from 'react';
 import { typography, fontWeight, lightColor, darkColor, platformLightColor } from '@xhsreds/reds-token-next';
 import { configCache } from '../ConfigCache/ConfigCache.js';

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

@@ -3,7 +3,7 @@ export { i as ConfigProviderType } from '../../_chunks/Dy4pCzQH.js';
 export { useThemeButtonBorderRadiusById, useThemeColor, useThemeTypography } from './hooks/themeToken/useThemeToken.js';
 export { useColorMode } from './hooks/themeToken/useColorMode.js';
 import './hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import '@xhsreds/reds-token-next';
 import './hooks/ConfigContext/ConfigContext.js';
 import 'react';

package/lib/esm/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import React, { useState, useMemo, useEffect } from 'react';
 import { D as DatePickerMode, a as DatePickerDefaultProps } from '../../_chunks/Dr5vetot.js';
 import Picker from '../Picker/Picker.js';

package/lib/esm/components/DatePicker/api.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import React from 'react';
 import DatePicker from './DatePicker.js';
 import { a as DatePickerDefaultProps } from '../../_chunks/Dr5vetot.js';

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

@@ -1,7 +1,7 @@
 import DatePicker from './DatePicker.js';
 export { i as DatePickerType } from '../../_chunks/Dr5vetot.js';
 export { useDatePicker } from './api.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import 'react';
 import '../Picker/Picker.js';
 import '../../_chunks/3fnqPSWW.js';

package/lib/esm/components/Divider/Divider.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import React from 'react';
 import { View, Text } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';

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

@@ -1,6 +1,6 @@
 import Divider from './Divider.js';
 export { i as DividerType } from '../../_chunks/CLoffREn.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import { StyleSheet } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/DropDown/DropDown.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray } from '../../_chunks/DpFbw-p-.js';
 import React, { useState, useMemo } from 'react';
 import { View, TouchableWithoutFeedback, Text, ScrollView } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/DropDown/DropDownItem.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/DpFbw-p-.js';
 import React, { useState, useEffect, useMemo } from 'react';
 import { View, Text, TouchableWithoutFeedback, TextInput } from 'react-native';
 import { M as MULTIPLEOPTIONCOLUMN, D as DROPDOWNITEMTYPE, b as DropDownItemDefaultProps } from '../../_chunks/Cadwf4ug.js';

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

@@ -1,7 +1,7 @@
 import DropDown from './DropDown.js';
 export { default as DropDownItem } from './DropDownItem.js';
 export { i as DropDownType } from '../../_chunks/Cadwf4ug.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import 'react';
 import 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import React, { useMemo } from 'react';
 import { Image, View, Text } from 'react-native';
 import { E as EmptyDefaultProps } from '../../_chunks/BoucDqUg.js';

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

@@ -1,6 +1,6 @@
 import Empty from './Empty.js';
 export { i as EmptyType } from '../../_chunks/BoucDqUg.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -3,7 +3,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/CAkwE9ZD.js';
+import { a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/DpFbw-p-.js';
 import React, { memo, useState } from 'react';
 import { View } from 'react-native';
 import { F as FABDefaultProps } from '../../_chunks/BHRAJjD2.js';

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

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

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2, f as _defineProperty } from '../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray, a as _objectSpread2, f as _defineProperty } from '../../_chunks/DpFbw-p-.js';
 import React, { forwardRef, useState, useImperativeHandle } from 'react';
 import { F as FormDefaultProps } from '../../_chunks/Co-RjOaG.js';
 import Button from '../Button/Button.js';

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

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import { a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
 import React, { useContext } from 'react';
 import { View, Text } from 'react-native';
 import { R as RedsFormItemDefaultProps } from '../../_chunks/Co-RjOaG.js';

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

@@ -1,7 +1,7 @@
 import Form from './Form.js';
 export { default as FormItem } from './FormItem.js';
 export { i as FormType } from '../../_chunks/Co-RjOaG.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import 'react';
 import '../Button/Button.js';
 import 'react-native';

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

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/CAkwE9ZD.js';
+import '../../_chunks/DpFbw-p-.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

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

@@ -1,6 +1,6 @@
-import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
-import React, { memo, useState, useMemo, useRef, useEffect, useCallback } from 'react';
-import { Image as Image$2, View, TouchableOpacity } from 'react-native';
+import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/DpFbw-p-.js';
+import React, { memo, useState, useMemo, useEffect } from 'react';
+import { View, Image as Image$2, TouchableOpacity } from 'react-native';
 import { I as IMAGE_STATUS, T as TLoadStyle, b as TErrorStyle, a as ImageDefaultProps } from '../../_chunks/CMnjcQfl.js';
 import styles from './styles.js';
 import { useAveColor, useBlur } from './hook/index.js';
@@ -9,15 +9,17 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import { lightColor } from '@xhsreds/reds-token-next';
 import { useColorMode } from '../ConfigProvider/hooks/themeToken/useColorMode.js';
-import { formatUri, isLocalFile, isDataUri, convertKeysToSnakeCase } from './utils.js';
+import { formatUri } from './utils.js';
 import VisibilitySensor from './VisibilitySensor.js';
-import { apmPush } from './apm.js';
+import ImageAPMManager from './manager/ImageAPMManager.js';
+import { useImageId } from './hook/useImageId.js';
 import 'react-native-svg';
 import '@xhs/reds-apm/src/index.native';
 import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import './apm.js';
 
-var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style", "abortApmCollection", "fadeDuration", "onFirstDrawFinished"];
+var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style", "abortApmCollection", "fadeDuration", "onFirstDrawFinished", "apmBiz"];
 var imageReLoad = {
   light: "https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png",
   dark: "https://picasso-static.xiaohongshu.com/fe-platform/4f9bfbf2358aa970f1ec3dbf4ba5ff9355b7a41e.png",
@@ -40,8 +42,10 @@ var Image = function Image(_ref) {
     abortApmCollection = _ref.abortApmCollection,
     fadeDuration = _ref.fadeDuration,
     _onFirstDrawFinished = _ref.onFirstDrawFinished,
+    apmBiz = _ref.apmBiz,
     props = _objectWithoutProperties(_ref, _excluded);
   useMounted("Image");
+  var imageId = useImageId();
   var _useState = useState(IMAGE_STATUS.LOADING),
     _useState2 = _slicedToArray(_useState, 2),
     imageStatus = _useState2[0],
@@ -50,6 +54,14 @@ var Image = function Image(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     progress = _useState4[0],
     setProgress = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    var setViewable = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    apmDone = _useState8[0],
+    setApmDone = _useState8[1];
   var formatSource = useMemo(function () {
     if (_source) return {
       uri: formatUri({
@@ -72,99 +84,26 @@ var Image = function Image(_ref) {
   var blurSource = useBlur({
     source: formatSource
   });
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    viewable = _useState6[0],
-    setViewable = _useState6[1];
-  var hasInit = 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 = 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 _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    apmDoneRef = _useState8[0],
-    setApmDoneRef = _useState8[1];
   useEffect(function () {
     if (abortApmCollection) return;
-    try {
-      var apmData = apmDataRef.current;
-      if (typeof formatSource !== "number" && !isLocalFile(formatSource.uri) && !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]);
-  useEffect(function () {
-    if (abortApmCollection) return;
-    var imageUrl = (formatSource === null || formatSource === void 0 ? void 0 : formatSource.uri) || "";
-    if (typeof Image$2.queryCache === "function" && !!imageUrl) {
-      var uriEncodeImageUrl = encodeURI(imageUrl);
-      Image$2.queryCache([imageUrl]).then(function (res) {
-        if (res !== null && res !== void 0 && res[uriEncodeImageUrl]) {
-          apmDataRef.current.isPrefetch = "true";
-        } else {
-          apmDataRef.current.isPrefetch = "false";
-        }
-      });
-    }
+    var manager = ImageAPMManager.getInstance();
+    manager.register(imageId, formatSource, apmBiz);
     return function () {
-      apmDataRef.current.isPrefetch = "";
+      return manager.unregister(imageId);
     };
-  }, [formatSource, abortApmCollection]);
-  var pushApmData = useCallback(function () {
-    if (abortApmCollection) return;
-    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);
-      apmPush(convertKeysToSnakeCase(apmData));
-    }
-  }, [abortApmCollection]);
-  if ((!apmDataRef.current.isFirstScreen || apmDataRef.current.isFirstScreen === "false") && viewable && !abortApmCollection) {
-    apmDataRef.current.isFirstScreen = "true";
-  }
+  }, [imageId, abortApmCollection, apmBiz]);
   useEffect(function () {
     if (abortApmCollection) return;
-    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);
+    ImageAPMManager.getInstance().updateSource(imageId, formatSource);
+  }, [formatSource, abortApmCollection, imageId]);
+  var checkIsVisible = function checkIsVisible(isVisible) {
     if (abortApmCollection) return;
-    var apmData = apmDataRef.current;
-    if (apmData.intersectTime) {
-      pushApmData();
+    ImageAPMManager.getInstance().setViewable(imageId, isVisible);
+    setViewable(isVisible);
+  };
+  var onLoadStart = function onLoadStart() {
+    if (!abortApmCollection) {
+      ImageAPMManager.getInstance().recordLoadStart(imageId);
     }
   };
   var onProgress = function onProgress(e) {
@@ -175,33 +114,35 @@ var Image = function Image(_ref) {
     if (total) {
       setProgress(loaded / total * 100 | 0);
     }
-    !abortApmCollection && (apmDataRef.current.imageSize = total);
+    if (!abortApmCollection) {
+      ImageAPMManager.getInstance().recordProgress(imageId, loaded, 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) {
-      var now = Date.now();
-      var loadDuration = now - apmDataRef.current.loadedStartTime;
-      apmDataRef.current.loadedTime = now;
-      apmDataRef.current.loadDuration = loadDuration < 0 ? 0 : loadDuration;
-      apmDataRef.current.isSuccess = "true";
+      ImageAPMManager.getInstance().recordLoad(imageId);
     }
     (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 || _props$onLoad.call(props, e);
     setImageStatus(IMAGE_STATUS.LOADED);
   };
-  var onLoadStart = function onLoadStart() {
-    !abortApmCollection && (apmDataRef.current.loadedStartTime = Date.now());
-  };
   var onError = function onError(e) {
     var _props$onError;
     if (!abortApmCollection) {
-      apmDataRef.current.isSuccess = "false";
-      apmDataRef.current.errorReason = "".concat(e.nativeEvent.error);
+      ImageAPMManager.getInstance().recordError(imageId, "".concat(e.nativeEvent.error));
     }
     (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, e);
     setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);
   };
+  var onLoadEnd = function onLoadEnd() {
+    var _props$onLoadEnd;
+    if (!abortApmCollection) {
+      ImageAPMManager.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(IMAGE_STATUS.HIDE);
@@ -219,7 +160,7 @@ var Image = function Image(_ref) {
     }, style)
   }, imageStatus !== IMAGE_STATUS.HIDE && (!abortApmCollection ? /* @__PURE__ */React.createElement(VisibilitySensor, {
     onChange: checkIsVisible,
-    disabled: apmDoneRef
+    disabled: apmDone
   }, /* @__PURE__ */React.createElement(Image$2, _objectSpread2(_objectSpread2({}, props), {}, {
     source: formatSource,
     onLoadStart: onLoadStart,

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState, 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 { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { lightColor } 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  fadeDuration,\n  onFirstDrawFinished,\n  ...props\n}: RedsImage & Omit<ImageProps, keyof RedsImage>) => {\n  useMounted(\"Image\");\n  const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n  const [progress, setProgress] = useState(0);\n\n  const formatSource = useMemo(() => {\n    // @ts-ignore\n    if (_source) return { uri: formatUri({ uri: _source.uri, width }) } as ImageSourcePropTyp;\n    // @ts-ignore\n    return { uri: formatUri({ uri: src, width }) } as ImageSourcePropType;\n  }, [src, _source, width]);\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    if (abortApmCollection) return;\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    if (abortApmCollection) return;\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, abortApmCollection]);\n\n  useEffect(() => {\n    if (abortApmCollection) return;\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, abortApmCollection]);\n\n  const pushApmData = useCallback(() => {\n    if (abortApmCollection) return;\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 (\n    (!apmDataRef.current.isFirstScreen || apmDataRef.current.isFirstScreen === \"false\") &&\n    viewable &&\n    !abortApmCollection\n  ) {\n    apmDataRef.current.isFirstScreen = \"true\";\n  }\n  useEffect(() => {\n    if (abortApmCollection) return;\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, abortApmCollection]);\n  const onLoadEnd = () => {\n    props?.onLoadEnd?.();\n    if (abortApmCollection) return;\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    !abortApmCollection && (apmDataRef.current.imageSize = total);\n    props.onProgress?.(e);\n  };\n  const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n    if (!abortApmCollection) {\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    }\n    props.onLoad?.(e);\n    setImageStatus(IMAGE_STATUS.LOADED);\n  };\n\n  const onLoadStart = () => {\n    !abortApmCollection && (apmDataRef.current.loadedStartTime = Date.now());\n  };\n\n  const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n    if (!abortApmCollection) {\n      apmDataRef.current.isSuccess = \"false\";\n      apmDataRef.current.errorReason = `${e.nativeEvent.error}`;\n    }\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              fadeDuration={fadeDuration}\n              // @ts-ignore\n              onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n              style={{\n                width: width || style?.width,\n                height: height || style?.height,\n                borderRadius,\n                // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n              }}\n              // @ts-ignore\n              apmBiz={props.apmBiz}\n            ></RNImage>\n          </VisibilitySensor>\n        ) : (\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            fadeDuration={fadeDuration}\n            // @ts-ignore\n            onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n            style={{\n              width: width || style?.width,\n              height: height || style?.height,\n              borderRadius,\n              // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n            // @ts-ignore\n            apmBiz={props.apmBiz}\n          ></RNImage>\n        ))}\n      {imageStatus === IMAGE_STATUS.LOADING && loadStyle !== TLoadStyle.NONE && (\n        <View\n          style={{\n            width,\n            height,\n            borderRadius,\n            ...styles.loadingContainer,\n            backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            ...style,\n          }}\n        >\n          {loadStyle === TLoadStyle.BLUR && (\n            <RNImage\n              source={blurSource}\n              style={{\n                width: width || style?.width,\n                height: height || style?.height,\n                borderRadius,\n              }}\n              // @ts-ignore\n              apmBiz={props.apmBiz}\n            ></RNImage>\n          )}\n          {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n        </View>\n      )}\n      {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) &&\n        errorStyle !== TErrorStyle.NONE && (\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","fadeDuration","onFirstDrawFinished","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","_props$onLoadEnd","call","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","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","apmBiz","NONE","styles","loadingContainer","backgroundColor","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState, memo, useMemo, 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} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useAveColor, useBlur, useImageId } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\nimport { useColorMode } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nimport { formatUri } from \"./utils\";\nimport VisibilitySensor from \"./VisibilitySensor\";\nimport { ImageAPMManager } from \"./manager\";\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  fadeDuration,\n  onFirstDrawFinished,\n  apmBiz,\n  ...props\n}: RedsImage & Omit<ImageProps, keyof RedsImage>) => {\n  useMounted(\"Image\");\n\n  // Generate stable ID for this image instance\n  const imageId = useImageId();\n\n  const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n  const [progress, setProgress] = useState(0);\n  const [viewable, setViewable] = useState(false);\n  const [apmDone, setApmDone] = useState(false);\n\n  const formatSource = useMemo(() => {\n    // @ts-ignore\n    if (_source) return { uri: formatUri({ uri: _source.uri, width }) };\n    // @ts-ignore\n    return { uri: formatUri({ uri: src, width }) } as ImageSourcePropType;\n  }, [src, _source, width]);\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  // APM Manager Integration - Single effect for registration\n  useEffect(() => {\n    if (abortApmCollection) return;\n\n    const manager = ImageAPMManager.getInstance();\n    manager.register(imageId, formatSource, apmBiz);\n\n    return () => manager.unregister(imageId);\n  }, [imageId, abortApmCollection, apmBiz]);\n\n  // Update source if it changes\n  useEffect(() => {\n    if (abortApmCollection) return;\n    ImageAPMManager.getInstance().updateSource(imageId, formatSource);\n  }, [formatSource, abortApmCollection, imageId]);\n\n  // Visibility tracking - simplified\n  const checkIsVisible = (isVisible: boolean) => {\n    if (abortApmCollection) return;\n    ImageAPMManager.getInstance().setViewable(imageId, isVisible);\n    setViewable(isVisible);\n  };\n\n  // Event handlers - simplified to use manager\n  const onLoadStart = () => {\n    if (!abortApmCollection) {\n      ImageAPMManager.getInstance().recordLoadStart(imageId);\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    if (!abortApmCollection) {\n      ImageAPMManager.getInstance().recordProgress(imageId, loaded, total);\n    }\n    props.onProgress?.(e);\n  };\n\n  const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n    if (!abortApmCollection) {\n      ImageAPMManager.getInstance().recordLoad(imageId);\n    }\n    props.onLoad?.(e);\n    setImageStatus(IMAGE_STATUS.LOADED);\n  };\n\n  const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n    if (!abortApmCollection) {\n      ImageAPMManager.getInstance().recordError(imageId, `${e.nativeEvent.error}`);\n    }\n    props.onError?.(e);\n    setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n  };\n\n  const onLoadEnd = () => {\n    if (!abortApmCollection) {\n      ImageAPMManager.getInstance().checkAndPush(imageId);\n      setApmDone(true);\n    }\n    props?.onLoadEnd?.();\n  };\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={apmDone}>\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              fadeDuration={fadeDuration}\n              // @ts-ignore\n              onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n              style={{\n                width: width || style?.width,\n                height: height || style?.height,\n                borderRadius,\n                // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n              }}\n              // @ts-ignore\n              apmBiz={props.apmBiz}\n            ></RNImage>\n          </VisibilitySensor>\n        ) : (\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            fadeDuration={fadeDuration}\n            // @ts-ignore\n            onFirstDrawFinished={(e) => onFirstDrawFinished(e)}\n            style={{\n              width: width || style?.width,\n              height: height || style?.height,\n              borderRadius,\n              // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n            // @ts-ignore\n            apmBiz={props.apmBiz}\n          ></RNImage>\n        ))}\n      {imageStatus === IMAGE_STATUS.LOADING && loadStyle !== TLoadStyle.NONE && (\n        <View\n          style={{\n            width,\n            height,\n            borderRadius,\n            ...styles.loadingContainer,\n            backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            ...style,\n          }}\n        >\n          {loadStyle === TLoadStyle.BLUR && (\n            <RNImage\n              source={blurSource}\n              style={{\n                width: width || style?.width,\n                height: height || style?.height,\n                borderRadius,\n              }}\n              // @ts-ignore\n              apmBiz={props.apmBiz}\n            ></RNImage>\n          )}\n          {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n        </View>\n      )}\n      {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) &&\n        errorStyle !== TErrorStyle.NONE && (\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","fadeDuration","onFirstDrawFinished","apmBiz","props","_objectWithoutProperties","_excluded","useMounted","imageId","useImageId","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useState5","_useState6","viewable","setViewable","_useState7","_useState8","apmDone","setApmDone","formatSource","useMemo","uri","formatUri","aveColor","useAveColor","defaultColor","lightColor","Fill1","loadingAve","TLoadStyle","AVE","blurSource","useBlur","useEffect","manager","ImageAPMManager","getInstance","register","unregister","updateSource","checkIsVisible","isVisible","onLoadStart","recordLoadStart","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","recordProgress","call","onLoad","_props$onLoad","recordLoad","LOADED","onError","_props$onError","recordError","concat","error","TErrorStyle","ERROR","LOADERROR","RELOAD","onLoadEnd","_props$onLoadEnd","checkAndPush","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","VisibilitySensor","onChange","disabled","RNImage","NONE","styles","loadingContainer","backgroundColor","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}

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

@@ -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, { memo, useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import { Image as Image$1, View, TouchableOpacity } from 'react-native';
 import { I as IMAGE_STATUS, T as TLoadStyle, a as ImageDefaultProps, b as TErrorStyle } from '../../_chunks/CMnjcQfl.js';
@@ -11,6 +11,7 @@ import { useColorMode } from '../ConfigProvider/hooks/themeToken/useColorMode.js
 import { formatUri, isLocalFile, isDataUri, convertKeysToSnakeCase } from './utils.js';
 import VisibilitySensor from './VisibilitySensor.js';
 import { apmPush } from './apm.js';
+import './hook/useImageId.js';
 import '@xhs/reds-apm/src/index.native';
 import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';