@xhsreds/reds-rn-next 0.10.1-beta202512041155 → 0.10.1-feat-sheets-anim202512041344

package/lib/esm/components/AvatarGroup/AvatarGroup.js

@@ -9,13 +9,13 @@ import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.
 import '../../_chunks/DjMhUq01.js';
 import '../Avatar/styles.js';
 import '@xhs/reds-apm/src/index.native';
-import '@xhsreds/reds-token-next';
 import '../LanguageProvider/LanguageProvider.js';
 import '../../_chunks/xB1yvFw8.js';
 import '../LanguageProvider/hooks/LanguageContext.js';
 import '../../pvCount/pvData.js';
 import '../LanguageProvider/hooks/useLanguage.js';
 import '../../i18n/index.js';
+import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var AvatarGroup = function AvatarGroup(props) {

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

@@ -5,7 +5,7 @@ var getStyles = function getStyles(themeColor) {
     bottomBar: {
       width: "100%",
       padding: 8,
-      backgroundColor: themeColor.Bg
+      backgroundColor: "inherit"
     },
     fixed: {
       position: "absolute",

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/BottomBar/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nexport const getStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    bottomBar: {\n      width: \"100%\",\n      padding: 8,\n      backgroundColor: themeColor.Bg,\n    },\n    fixed: {\n      position: \"absolute\",\n      bottom: 0,\n      zIndex: 999,\n      width: \"100%\",\n      height: 56,\n      justifyContent: \"center\",\n    },\n    showBackground: {\n      backgroundColor: themeColor.White,\n    },\n    showTopBorder: {\n      borderTopWidth: 1,\n      borderTopColor: themeColor.Separator,\n    },\n    block: {\n      paddingHorizontal: 48,\n      justifyContent: \"flex-start\", // Align to the start for block layout\n    },\n    center: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    right: {\n      justifyContent: \"flex-end\",\n      alignItems: \"center\",\n    },\n    left: {\n      width: \"50%\",\n    },\n    top: {\n      marginBottom: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    bottom: {\n      marginTop: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    content: {\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n    },\n    mainContent: {\n      flexDirection: \"row\",\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n};\n"],"names":["getStyles","themeColor","StyleSheet","create","bottomBar","width","padding","backgroundColor","Bg","fixed","position","bottom","zIndex","height","justifyContent","showBackground","White","showTopBorder","borderTopWidth","borderTopColor","Separator","block","paddingHorizontal","center","alignItems","right","left","top","marginBottom","marginTop","content","flexDirection","mainContent","flex"],"mappings":";;IAEaA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,UAAoB,EAAA;EAC5C,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,SAAW,EAAA;AACTC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,OAAS,EAAA,CAAA;MACTC,iBAAiBN,UAAW,CAAAO,EAAAA;KAC9B;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,MAAQ,EAAA,CAAA;AACRC,MAAAA,MAAQ,EAAA,GAAA;AACRP,MAAAA,KAAO,EAAA,MAAA;AACPQ,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,cAAgB,EAAA,QAAA;KAClB;AACAC,IAAAA,cAAgB,EAAA;MACdR,iBAAiBN,UAAW,CAAAe,KAAAA;KAC9B;AACAC,IAAAA,aAAe,EAAA;AACbC,MAAAA,cAAgB,EAAA,CAAA;MAChBC,gBAAgBlB,UAAW,CAAAmB,SAAAA;KAC7B;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,iBAAmB,EAAA,EAAA;AACnBR,MAAAA,cAAgB,EAAA,YAAA;AAAA;KAClB;AACAS,IAAAA,MAAQ,EAAA;AACNT,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAC,IAAAA,KAAO,EAAA;AACLX,MAAAA,cAAgB,EAAA,UAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAE,IAAAA,IAAM,EAAA;AACJrB,MAAAA,KAAO,EAAA,KAAA;KACT;AACAsB,IAAAA,GAAK,EAAA;AACHC,MAAAA,YAAc,EAAA,EAAA;AACdd,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAb,IAAAA,MAAQ,EAAA;AACNkB,MAAAA,SAAW,EAAA,EAAA;AACXf,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAM,IAAAA,OAAS,EAAA;AACPC,MAAAA,aAAe,EAAA,KAAA;AACfjB,MAAAA,cAAgB,EAAA,eAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAQ,IAAAA,WAAa,EAAA;AACXD,MAAAA,aAAe,EAAA,KAAA;AACfE,MAAAA,IAAM,EAAA,CAAA;AACNnB,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;AACd,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/BottomBar/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nexport const getStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    bottomBar: {\n      width: \"100%\",\n      padding: 8,\n      backgroundColor: \"inherit\",\n    },\n    fixed: {\n      position: \"absolute\",\n      bottom: 0,\n      zIndex: 999,\n      width: \"100%\",\n      height: 56,\n      justifyContent: \"center\",\n    },\n    showBackground: {\n      backgroundColor: themeColor.White,\n    },\n    showTopBorder: {\n      borderTopWidth: 1,\n      borderTopColor: themeColor.Separator,\n    },\n    block: {\n      paddingHorizontal: 48,\n      justifyContent: \"flex-start\", // Align to the start for block layout\n    },\n    center: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    right: {\n      justifyContent: \"flex-end\",\n      alignItems: \"center\",\n    },\n    left: {\n      width: \"50%\",\n    },\n    top: {\n      marginBottom: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    bottom: {\n      marginTop: 18,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    content: {\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n    },\n    mainContent: {\n      flexDirection: \"row\",\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n};\n"],"names":["getStyles","themeColor","StyleSheet","create","bottomBar","width","padding","backgroundColor","fixed","position","bottom","zIndex","height","justifyContent","showBackground","White","showTopBorder","borderTopWidth","borderTopColor","Separator","block","paddingHorizontal","center","alignItems","right","left","top","marginBottom","marginTop","content","flexDirection","mainContent","flex"],"mappings":";;IAEaA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,UAAoB,EAAA;EAC5C,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,SAAW,EAAA;AACTC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,OAAS,EAAA,CAAA;AACTC,MAAAA,eAAiB,EAAA,SAAA;KACnB;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,MAAQ,EAAA,CAAA;AACRC,MAAAA,MAAQ,EAAA,GAAA;AACRN,MAAAA,KAAO,EAAA,MAAA;AACPO,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,cAAgB,EAAA,QAAA;KAClB;AACAC,IAAAA,cAAgB,EAAA;MACdP,iBAAiBN,UAAW,CAAAc,KAAAA;KAC9B;AACAC,IAAAA,aAAe,EAAA;AACbC,MAAAA,cAAgB,EAAA,CAAA;MAChBC,gBAAgBjB,UAAW,CAAAkB,SAAAA;KAC7B;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,iBAAmB,EAAA,EAAA;AACnBR,MAAAA,cAAgB,EAAA,YAAA;AAAA;KAClB;AACAS,IAAAA,MAAQ,EAAA;AACNT,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAC,IAAAA,KAAO,EAAA;AACLX,MAAAA,cAAgB,EAAA,UAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAE,IAAAA,IAAM,EAAA;AACJpB,MAAAA,KAAO,EAAA,KAAA;KACT;AACAqB,IAAAA,GAAK,EAAA;AACHC,MAAAA,YAAc,EAAA,EAAA;AACdd,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAb,IAAAA,MAAQ,EAAA;AACNkB,MAAAA,SAAW,EAAA,EAAA;AACXf,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAM,IAAAA,OAAS,EAAA;AACPC,MAAAA,aAAe,EAAA,KAAA;AACfjB,MAAAA,cAAgB,EAAA,eAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAQ,IAAAA,WAAa,EAAA;AACXD,MAAAA,aAAe,EAAA,KAAA;AACfE,MAAAA,IAAM,EAAA,CAAA;AACNnB,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;AACd,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}

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

@@ -33,7 +33,7 @@ import '@xhs/lottie-react-native';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C4jyXYEi.js';
+import '../../_chunks/DMjPllnU.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BW8QYG9p.js';

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

@@ -38,7 +38,7 @@ import '@xhs/lottie-react-native';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C4jyXYEi.js';
+import '../../_chunks/DMjPllnU.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BW8QYG9p.js';

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

@@ -35,7 +35,7 @@ import '@xhs/lottie-react-native';
 import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
 import '../Sheets/AnimatedSheets.js';
-import '../../_chunks/C4jyXYEi.js';
+import '../../_chunks/DMjPllnU.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BW8QYG9p.js';

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

@@ -1,54 +1,33 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
-import React, { useState, useMemo } from 'react';
+import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
+import React from 'react';
 import { View, Text } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';
 import { getStyles } from './styles.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '@xhs/reds-apm/src/index.native';
-import '../../pvCount/pvData.js';
 import '@xhsreds/reds-token-next';
+import '@xhs/reds-apm/src/index.native';
+import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../../pvCount/pvData.js';
 
 var Divider = function Divider(props) {
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    textWidth = _useState2[0],
-    setTextWidth = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    containerWidth = _useState4[0],
-    setContainerWidth = _useState4[1];
-  var themeColor = useThemeColor("Divider");
-  var typography = useThemeTypography("Divider");
   useMounted("Divider");
   var finalProps = _objectSpread2(_objectSpread2(_objectSpread2({}, DividerDefaultProps), props), {}, {
-    direction: props.direction || DividerDefaultProps.direction,
-    orientation: props.orientation || DividerDefaultProps.orientation
+    direction: props.direction,
+    orientation: props.orientation
   });
-  var styles = useMemo(function () {
-    return getStyles(finalProps, textWidth, containerWidth, themeColor, typography);
-  }, [textWidth, containerWidth, themeColor, typography]);
-  var handleLayout = function handleLayout(e) {
-    setTextWidth(e.nativeEvent.layout.width);
-  };
-  var handlerContainerWidth = function handlerContainerWidth(e) {
-    setContainerWidth(e.nativeEvent.layout.width);
-  };
+  var styles = getStyles(finalProps);
+  var isPrimary = finalProps.direction === "primary" || finalProps.direction === "secondary";
   return /* @__PURE__ */React.createElement(View, {
-    style: [styles.divider, styles[finalProps.direction]],
-    onLayout: handlerContainerWidth
+    style: [styles.divider, styles[finalProps.direction]]
   }, finalProps.orientation && finalProps.direction !== "vertical" && /* @__PURE__ */React.createElement(View, {
     style: styles.textContainer
-  }, /* @__PURE__ */React.createElement(View, {
+  }, isPrimary && /* @__PURE__ */React.createElement(View, {
     style: styles.before
-  }), props.children ? /* @__PURE__ */React.createElement(Text, {
-    style: styles.text,
-    onLayout: handleLayout
-  }, props.children) : /* @__PURE__ */React.createElement(Text, {
-    style: styles.noTextBorderStyle
-  }), /* @__PURE__ */React.createElement(View, {
+  }), props.children && /* @__PURE__ */React.createElement(Text, {
+    style: styles.text
+  }, props.children), isPrimary && /* @__PURE__ */React.createElement(View, {
     style: styles.after
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { View, Text } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\nimport { getStyles } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst Divider = (props: RedsDivider) => {\n  const [textWidth, setTextWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const themeColor = useThemeColor(\"Divider\");\n  const typography = useThemeTypography(\"Divider\");\n  useMounted(\"Divider\");\n  const finalProps: RedsDivider = {\n    ...DividerDefaultProps,\n    ...props,\n    direction: (props.direction || DividerDefaultProps.direction) as RedsDivider[\"direction\"],\n    orientation: (props.orientation || DividerDefaultProps.orientation) as RedsDivider[\"orientation\"],\n  };\n\n  const styles = useMemo(() => {\n    return getStyles(finalProps, textWidth, containerWidth, themeColor, typography);\n  }, [textWidth, containerWidth, themeColor, typography]);\n\n  const handleLayout = (e: any) => {\n    setTextWidth(e.nativeEvent.layout.width);\n  };\n\n  const handlerContainerWidth = (e: any) => {\n    setContainerWidth(e.nativeEvent.layout.width);\n  };\n\n  return (\n    <View style={[styles.divider, styles[finalProps.direction!]]} onLayout={handlerContainerWidth}>\n      {finalProps.orientation && finalProps.direction !== \"vertical\" && (\n        <View style={styles.textContainer}>\n          <View style={styles.before} />\n          {props.children ? (\n            <Text style={styles.text} onLayout={handleLayout}>\n              {props.children}\n            </Text>\n          ) : (\n            <Text style={styles.noTextBorderStyle}></Text>\n          )}\n          <View style={styles.after} />\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default React.memo(Divider);\n"],"names":["Divider","props","_useState","useState","_useState2","_slicedToArray","textWidth","setTextWidth","_useState3","_useState4","containerWidth","setContainerWidth","themeColor","useThemeColor","typography","useThemeTypography","useMounted","finalProps","_objectSpread","DividerDefaultProps","direction","orientation","styles","useMemo","getStyles","handleLayout","e","nativeEvent","layout","width","handlerContainerWidth","React","createElement","View","style","divider","onLayout","textContainer","before","children","Text","text","noTextBorderStyle","after","memo"],"mappings":"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"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, Text } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\nimport { getStyles } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Divider = (props: RedsDivider) => {\n  useMounted(\"Divider\");\n  const finalProps: RedsDivider = {\n    ...DividerDefaultProps,\n    ...props,\n    direction: props.direction as RedsDivider[\"direction\"],\n    orientation: props.orientation as RedsDivider[\"orientation\"],\n  };\n\n  const styles = getStyles(finalProps);\n  const isPrimary = finalProps.direction === \"primary\" || finalProps.direction === \"secondary\";\n\n  return (\n    <View style={[styles.divider, styles[finalProps.direction!]]}>\n      {finalProps.orientation && finalProps.direction !== \"vertical\" && (\n        <View style={styles.textContainer}>\n          {isPrimary && <View style={styles.before} />}\n          {props.children && <Text style={styles.text}>{props.children}</Text>}\n          {isPrimary && <View style={styles.after} />}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default React.memo(Divider);\n"],"names":["Divider","props","useMounted","finalProps","_objectSpread","DividerDefaultProps","direction","orientation","styles","getStyles","isPrimary","React","createElement","View","style","divider","textContainer","before","children","Text","text","after","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,OAAA,GAAU,SAAVA,OAAAA,CAAWC,KAAuB,EAAA;EACtCC,UAAA,CAAW,SAAS,CAAA,CAAA;EACpB,IAAMC,UAA0B,GAAAC,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC3BC,mBAAA,CAAA,EACAJ,KAAA,CAAA,EAAA,EAAA,EAAA;IACHK,WAAWL,KAAM,CAAAK,SAAA;IACjBC,aAAaN,KAAM,CAAAM,WAAAA;GACrB,CAAA,CAAA;AAEM,EAAA,IAAAC,MAAA,GAASC,UAAUN,UAAU,CAAA,CAAA;AACnC,EAAA,IAAMO,SAAY,GAAAP,UAAA,CAAWG,SAAc,KAAA,SAAA,IAAaH,WAAWG,SAAc,KAAA,WAAA,CAAA;AAG/E,EAAA,sBAAAK,KAAA,CAAAC,aAAA,CAACC;IAAKC,KAAO,EAAA,CAACN,OAAOO,OAAS,EAAAP,MAAA,CAAOL,WAAWG,SAAU,CAAC,CAAA;KACxDH,UAAW,CAAAI,WAAA,IAAeJ,WAAWG,SAAc,KAAA,UAAA,uCACjDO,IAAK,EAAA;IAAAC,KAAA,EAAON,OAAOQ,aAAAA;GACjB,EAAAN,SAAA,uCAAcG,IAAK,EAAA;IAAAC,KAAA,EAAON,OAAOS,MAAAA;AAAQ,GAAA,CAAA,EACzChB,MAAMiB,QAAY,mBAAAP,KAAA,CAAAC,aAAA,CAACO;IAAKL,KAAO,EAAAN,MAAA,CAAOY,IAAAA;KAAOnB,KAAM,CAAAiB,QAAS,GAC5DR,SAAa,mBAAAC,KAAA,CAAAC,aAAA,CAACC;IAAKC,KAAO,EAAAN,MAAA,CAAOa,KAAAA;GAAO,CAC3C,CAEJ,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,gBAAA,aAAeV,KAAA,CAAMW,KAAKtB,OAAO,CAAA;;;;"}

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

@@ -4,13 +4,13 @@ import '../../_chunks/CAkwE9ZD.js';
 import 'react';
 import 'react-native';
 import './styles.js';
-import '../../pvCount/useUnmountedProcess.js';
-import '@xhs/reds-apm/src/index.native';
-import '../../pvCount/pvData.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import '@xhsreds/reds-token-next';
+import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../../pvCount/useUnmountedProcess.js';
+import '../../pvCount/pvData.js';
 
 
 

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

@@ -1,26 +1,33 @@
 import { a as _objectSpread2 } from '../../_chunks/CAkwE9ZD.js';
 import { StyleSheet } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';
+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 '@xhsreds/reds-token-next';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var baseDivider = {
   position: "relative"
 };
-var getStyles = function getStyles(p, textWidth, containerWidth, themeColor, typography) {
+var getStyles = function getStyles(p) {
   var props = _objectSpread2(_objectSpread2({}, DividerDefaultProps), p);
+  var themeColor = useThemeColor("Divider");
+  var typography = useThemeTypography("Divider");
   var isHorizontal = props.direction === "horizontal";
-  p.children;
-  var remainingWidth = containerWidth - textWidth;
   var beforeAfterCommon = {
     borderStyle: "solid",
-    borderTopWidth: props.stroke || 0.5,
-    borderColor: props.color || themeColor.Separator2
+    borderTopWidth: 0.5,
+    borderColor: props.color || themeColor.Separator2,
+    width: 8
   };
   var dividerStyle = _objectSpread2(_objectSpread2({}, baseDivider), {}, {
-    // borderBottomWidth: isHorizontal && hasTextContent ? 0 : (isHorizontal ? (props.stroke ? props.stroke : StyleSheet.hairlineWidth) : 0),
-    // borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,
-    // borderBottomColor: isHorizontal && !hasTextContent ? props.color || themeColor.Separator2 : undefined,
-    // borderLeftColor: isHorizontal ? undefined : props.color || themeColor.Separator2,
-    // borderStyle: "solid",
+    borderBottomWidth: isHorizontal ? props.stroke ? props.stroke : StyleSheet.hairlineWidth : 0,
+    borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,
+    borderBottomColor: isHorizontal ? props.color || themeColor.Separator2 : void 0,
+    borderLeftColor: isHorizontal ? void 0 : props.color || themeColor.Separator2,
+    borderStyle: "solid",
     marginVertical: props.margin && props.margin[0] && Number(props.margin[0]) || (isHorizontal ? 20 : 0),
     marginHorizontal: props.margin && props.margin[1] && Number(props.margin[1]) || (isHorizontal ? 0 : 12),
     marginLeft: props.margin && props.margin[1] && (props.orientation === "center" || props.orientation === "left") && Number(props.margin[1]) || (isHorizontal ? 0 : 12),
@@ -28,10 +35,16 @@ var getStyles = function getStyles(p, textWidth, containerWidth, themeColor, typ
     width: isHorizontal ? props.size : "auto"
   });
   var textContainer = {
+    paddingVertical: 0,
+    paddingHorizontal: 16,
+    position: "absolute",
+    lineHeight: 18,
+    left: props.orientation === "left" ? 24 : void 0,
+    right: props.orientation === "right" ? 24 : void 0,
+    alignSelf: props.orientation === "center" ? "center" : void 0,
     flexDirection: "row",
     alignItems: "center",
-    width: "100%"
-    // 移除 position absolute，改为正常布局
+    top: isHorizontal && -9 || 0
   };
   var textStyle = {
     fontSize: typography.C2FontSize,
@@ -44,30 +57,12 @@ var getStyles = function getStyles(p, textWidth, containerWidth, themeColor, typ
   var secondaryStyle = _objectSpread2(_objectSpread2({}, textStyle), {}, {
     color: "rgba(51, 51, 51, .3)"
   });
-  var beforeStyle = _objectSpread2(_objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
-    marginRight: props.children ? 8 : 0
-  }, isHorizontal ? props.orientation === "center" ? {
-    flex: 1
-  } : {
-    width: props.orientation === "left" ? remainingWidth * 0.15 : remainingWidth * 0.85
-  } : {
-    width: 8
-  }), {}, {
-    borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
-  });
-  var afterStyle = _objectSpread2(_objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
-    marginLeft: props.children ? 8 : 0
-  }, isHorizontal ? props.orientation === "center" ? {
-    flex: 1
-  } : {
-    width: props.orientation === "right" ? remainingWidth * 0.15 : remainingWidth * 0.85
-  } : {
-    width: 8
-  }), {}, {
+  var beforeStyle = _objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
+    marginRight: 8,
     borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
   });
-  var noTextBorderStyle = _objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
-    width: "auto",
+  var afterStyle = _objectSpread2(_objectSpread2({}, beforeAfterCommon), {}, {
+    marginLeft: 8,
     borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
   });
   var verticalStyle = _objectSpread2(_objectSpread2({}, dividerStyle), {}, {
@@ -83,8 +78,7 @@ var getStyles = function getStyles(p, textWidth, containerWidth, themeColor, typ
     textContainer: textContainer,
     text: textStyle,
     before: beforeStyle,
-    after: afterStyle,
-    noTextBorderStyle: noTextBorderStyle
+    after: afterStyle
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Divider/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\n\nconst baseDivider: ViewStyle = {\n  position: \"relative\",\n};\n\nconst getStyles = (p: RedsDivider, textWidth: number, containerWidth: number, themeColor: any, typography: any) => {\n  const props = { ...DividerDefaultProps, ...p };\n  const isHorizontal = props.direction === \"horizontal\";\n  const hasTextContent = p.children;\n\n  const remainingWidth = containerWidth - textWidth;\n\n  const beforeAfterCommon: ViewStyle = {\n    borderStyle: \"solid\",\n    borderTopWidth: props.stroke || 0.5,\n    borderColor: props.color || themeColor.Separator2,\n  };\n\n  const dividerStyle: ViewStyle = {\n    ...baseDivider,\n    // borderBottomWidth: isHorizontal && hasTextContent ? 0 : (isHorizontal ? (props.stroke ? props.stroke : StyleSheet.hairlineWidth) : 0),\n    // borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,\n    // borderBottomColor: isHorizontal && !hasTextContent ? props.color || themeColor.Separator2 : undefined,\n    // borderLeftColor: isHorizontal ? undefined : props.color || themeColor.Separator2,\n    // borderStyle: \"solid\",\n    marginVertical: (props.margin && props.margin[0] && Number(props.margin[0])) || (isHorizontal ? 20 : 0),\n    marginHorizontal: (props.margin && props.margin[1] && Number(props.margin[1])) || (isHorizontal ? 0 : 12),\n    marginLeft:\n      (props.margin &&\n        props.margin[1] &&\n        (props.orientation === \"center\" || props.orientation === \"left\") &&\n        Number(props.margin[1])) ||\n      (isHorizontal ? 0 : 12),\n    marginRight:\n      (props.margin && props.margin[1] && props.orientation === \"center\" ? Number(props.margin[1]) : 0) ||\n      (isHorizontal ? 0 : 12),\n    width: (isHorizontal ? props.size : \"auto\") as DimensionValue,\n  };\n\n  const textContainer: ViewStyle = {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    width: \"100%\",\n    // 移除 position absolute，改为正常布局\n  };\n\n  const textStyle: TextStyle = {\n    fontSize: typography.C2FontSize,\n    fontWeight: \"400\" as TextStyle[\"fontWeight\"],\n    color: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : themeColor.Description,\n  };\n\n  const primaryStyle: TextStyle = {\n    ...textStyle,\n    color: themeColor.Description,\n  };\n\n  const secondaryStyle: TextStyle = {\n    ...textStyle,\n    color: \"rgba(51, 51, 51, .3)\",\n  };\n\n  const beforeStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginRight: props.children ? 8 : 0,\n    ...(isHorizontal\n      ? props.orientation === \"center\"\n        ? { flex: 1 }\n        : { width: props.orientation === \"left\" ? remainingWidth * 0.15 : remainingWidth * 0.85 }\n      : { width: 8 }),\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const afterStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginLeft: props.children ? 8 : 0,\n    ...(isHorizontal\n      ? props.orientation === \"center\"\n        ? { flex: 1 }\n        : { width: props.orientation === \"right\" ? remainingWidth * 0.15 : remainingWidth * 0.85 }\n      : { width: 8 }),\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const noTextBorderStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    width: \"auto\",\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const verticalStyle: ViewStyle = {\n    ...dividerStyle,\n    height: (props.size || 18) as DimensionValue,\n    marginVertical: 0,\n  };\n\n  return StyleSheet.create({\n    divider: baseDivider,\n    horizontal: dividerStyle,\n    vertical: verticalStyle,\n    primary: primaryStyle,\n    secondary: secondaryStyle,\n    textContainer: textContainer,\n    text: textStyle,\n    before: beforeStyle,\n    after: afterStyle,\n    noTextBorderStyle: noTextBorderStyle,\n  });\n};\n\nexport { getStyles };\n"],"names":["baseDivider","position","getStyles","p","textWidth","containerWidth","themeColor","typography","props","_objectSpread","DividerDefaultProps","isHorizontal","direction","children","remainingWidth","beforeAfterCommon","borderStyle","borderTopWidth","stroke","borderColor","color","Separator2","dividerStyle","marginVertical","margin","Number","marginHorizontal","marginLeft","orientation","marginRight","width","size","textContainer","flexDirection","alignItems","textStyle","fontSize","C2FontSize","fontWeight","Description","primaryStyle","secondaryStyle","beforeStyle","flex","afterStyle","noTextBorderStyle","verticalStyle","height","StyleSheet","create","divider","horizontal","vertical","primary","secondary","text","before","after"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Divider/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { RedsDivider, DividerDefaultProps } from \"./interface\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nconst baseDivider: ViewStyle = {\n  position: \"relative\",\n};\n\nconst baseText: TextStyle = {\n  paddingVertical: 0,\n  paddingHorizontal: 16,\n  position: \"absolute\",\n  backgroundColor: \"#fff\",\n  lineHeight: 18,\n};\n\nconst getStyles = (p: RedsDivider) => {\n  const props = { ...DividerDefaultProps, ...p };\n  const themeColor = useThemeColor(\"Divider\");\n  const typography = useThemeTypography(\"Divider\");\n  const isHorizontal = props.direction === \"horizontal\";\n  const beforeAfterCommon: ViewStyle = {\n    borderStyle: \"solid\",\n    borderTopWidth: 0.5,\n    borderColor: props.color || themeColor.Separator2,\n    width: 8,\n  };\n\n  const dividerStyle: ViewStyle = {\n    ...baseDivider,\n    borderBottomWidth: isHorizontal ? (props.stroke ? props.stroke : StyleSheet.hairlineWidth) : 0,\n    borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : StyleSheet.hairlineWidth,\n    borderBottomColor: isHorizontal ? props.color || themeColor.Separator2 : undefined,\n    borderLeftColor: isHorizontal ? undefined : props.color || themeColor.Separator2,\n    borderStyle: \"solid\",\n    marginVertical: (props.margin && props.margin[0] && Number(props.margin[0])) || (isHorizontal ? 20 : 0),\n    marginHorizontal: (props.margin && props.margin[1] && Number(props.margin[1])) || (isHorizontal ? 0 : 12),\n    marginLeft:\n      (props.margin &&\n        props.margin[1] &&\n        (props.orientation === \"center\" || props.orientation === \"left\") &&\n        Number(props.margin[1])) ||\n      (isHorizontal ? 0 : 12),\n    marginRight:\n      (props.margin && props.margin[1] && props.orientation === \"center\" ? Number(props.margin[1]) : 0) ||\n      (isHorizontal ? 0 : 12),\n    width: (isHorizontal ? props.size : \"auto\") as DimensionValue,\n  };\n\n  const textContainer: TextStyle = {\n    paddingVertical: 0,\n    paddingHorizontal: 16,\n    position: \"absolute\",\n    lineHeight: 18,\n    left: props.orientation === \"left\" ? 24 : undefined,\n    right: props.orientation === \"right\" ? 24 : undefined,\n    alignSelf: props.orientation === \"center\" ? \"center\" : undefined,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    top: (isHorizontal && -9) || 0,\n  };\n\n  const textStyle: TextStyle = {\n    fontSize: typography.C2FontSize,\n    fontWeight: \"400\" as TextStyle[\"fontWeight\"],\n    color: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : themeColor.Description,\n  };\n\n  const primaryStyle: TextStyle = {\n    ...textStyle,\n    color: themeColor.Description,\n  };\n\n  const secondaryStyle: TextStyle = {\n    ...textStyle,\n    color: \"rgba(51, 51, 51, .3)\",\n  };\n\n  const beforeStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginRight: 8,\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const afterStyle: ViewStyle = {\n    ...beforeAfterCommon,\n    marginLeft: 8,\n    borderColor: props.direction === \"secondary\" ? \"rgba(51, 51, 51, .3)\" : props.color || themeColor.Separator2,\n  };\n\n  const verticalStyle: ViewStyle = {\n    ...dividerStyle,\n    height: (props.size || 18) as DimensionValue,\n    marginVertical: 0,\n  };\n\n  return StyleSheet.create({\n    divider: baseDivider,\n    horizontal: dividerStyle,\n    vertical: verticalStyle,\n    primary: primaryStyle,\n    secondary: secondaryStyle,\n    textContainer: textContainer,\n    text: textStyle,\n    before: beforeStyle,\n    after: afterStyle,\n  });\n};\n\nexport { getStyles };\n"],"names":["baseDivider","position","getStyles","p","props","_objectSpread","DividerDefaultProps","themeColor","useThemeColor","typography","useThemeTypography","isHorizontal","direction","beforeAfterCommon","borderStyle","borderTopWidth","borderColor","color","Separator2","width","dividerStyle","borderBottomWidth","stroke","StyleSheet","hairlineWidth","borderLeftWidth","borderBottomColor","borderLeftColor","marginVertical","margin","Number","marginHorizontal","marginLeft","orientation","marginRight","size","textContainer","paddingVertical","paddingHorizontal","lineHeight","left","right","alignSelf","flexDirection","alignItems","top","textStyle","fontSize","C2FontSize","fontWeight","Description","primaryStyle","secondaryStyle","beforeStyle","afterStyle","verticalStyle","height","create","divider","horizontal","vertical","primary","secondary","text","before","after"],"mappings":"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"}

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

@@ -173,12 +173,11 @@ var Image = function Image(_ref) {
   };
   var colorMode = useColorMode();
   return /* @__PURE__ */React.createElement(View, {
-    style: _objectSpread2(_objectSpread2({
-      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
-    }, style), {}, {
-      height: (height || (style === null || style === void 0 ? void 0 : style.height) || 0) + ((style === null || style === void 0 ? void 0 : style.borderWidth) || 0) * 2,
-      width: (width || (style === null || style === void 0 ? void 0 : style.width) || 0) + ((style === null || style === void 0 ? void 0 : style.borderWidth) || 0) * 2
-    })
+    style: _objectSpread2({
+      borderRadius: borderRadius,
+      height: height,
+      width: width
+    }, style)
   }, imageStatus !== IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(Image$2, _objectSpread2(_objectSpread2({}, props), {}, {
     source: formatSource,
     onLoadStart: onLoadStart,
@@ -193,24 +192,24 @@ var Image = function Image(_ref) {
     style: {
       width: width || (style === null || style === void 0 ? void 0 : style.width),
       height: height || (style === null || style === void 0 ? void 0 : style.height),
-      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
+      borderRadius: borderRadius
       // opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,
     },
     apmBiz: props.apmBiz
   })), imageStatus === IMAGE_STATUS.LOADING && loadStyle !== TLoadStyle.NONE && /* @__PURE__ */React.createElement(View, {
     style: _objectSpread2(_objectSpread2({
-      width: width || (style === null || style === void 0 ? void 0 : style.width),
-      height: height || (style === null || style === void 0 ? void 0 : style.height),
-      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
+      width: width,
+      height: height,
+      borderRadius: borderRadius
     }, styles.loadingContainer), {}, {
       backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor
-    })
+    }, style)
   }, loadStyle === TLoadStyle.BLUR && /* @__PURE__ */React.createElement(Image$2, {
     source: blurSource,
     style: {
       width: width || (style === null || style === void 0 ? void 0 : style.width),
       height: height || (style === null || style === void 0 ? void 0 : style.height),
-      borderRadius: borderRadius || (style === null || style === void 0 ? void 0 : style.borderRadius)
+      borderRadius: borderRadius
     },
     apmBiz: props.apmBiz
   }), loadStyle === TLoadStyle.LOADING && /* @__PURE__ */React.createElement(CircularProgress, {
@@ -222,7 +221,8 @@ var Image = function Image(_ref) {
     },
     style: _objectSpread2({
       width: width,
-      height: height
+      height: height,
+      borderRadius: borderRadius
     }, styles.loadingContainer)
   }, /* @__PURE__ */React.createElement(Image$2, {
     style: {

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 { apmPush } from \"./apm\";\nimport { queryCacheBatched } from \"./queryCacheBatcher\";\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  const mountTimeRef = useRef<number>(Date.now());\n\n  const formatSource = useMemo(() => {\n    // @ts-ignore\n    if (_source) return _source as ImageSourcePropType;\n    // @ts-ignore\n    return { 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  // Visibility tracking removed: no longer needed for APM\n  const apmDataRef = useRef<ImageTrackerProps>({\n    imageUrl: \"\",\n    imageHost: \"\",\n    intersectTime: 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 = useRef(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 (!imageUrl) return;\n    let alive = true;\n    queryCacheBatched(imageUrl)\n      .then((isPrefetched) => {\n        if (!alive) return;\n        apmDataRef.current.isPrefetch = String(isPrefetched);\n      })\n      .catch(() => {\n        if (!alive) return;\n        apmDataRef.current.isPrefetch = \"false\";\n      });\n    return () => {\n      alive = false;\n      apmDataRef.current.isPrefetch = \"\";\n    };\n  }, [formatSource, abortApmCollection]);\n\n  const pushApmData = useCallback(() => {\n    if (abortApmCollection) return;\n    const apmData = apmDataRef.current;\n    // Simplify: do not track view duration/intersect time\n    apmData.intersectTime = 0;\n    apmData.viewDuration = 0;\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.current && apmData.imageUrl && !abortApmCollection) {\n      apmDoneRef.current = true;\n      apmPush(convertKeysToSnakeCase(apmData));\n    }\n  }, [abortApmCollection]);\n\n  // 判断首屏\n  // isFirstScreen stays \"false\" and intersectTime stays 0 by design\n  const onLoadEnd = () => {\n    props?.onLoadEnd?.();\n    if (abortApmCollection) return;\n    // Push regardless of visibility/intersect time\n    pushApmData();\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      let start = apmDataRef.current.loadedStartTime || mountTimeRef.current;\n      if (start > now) start = now;\n      apmDataRef.current.loadedStartTime = start;\n      const loadDuration = now - start;\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  return (\n    <View\n      style={{\n        borderRadius: borderRadius || style?.borderRadius,\n        ...(style as {}),\n        height: ((height || style?.height || 0) as number) + (style?.borderWidth || 0) * 2,\n        width: ((width || style?.width || 0) as number) + (style?.borderWidth || 0) * 2,\n      }}\n    >\n      {imageStatus !== IMAGE_STATUS.HIDE && (\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: borderRadius || style?.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: width || style?.width,\n            height: height || style?.height,\n            borderRadius: borderRadius || style?.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: width || style?.width,\n                height: height || style?.height,\n                borderRadius: borderRadius || style?.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, ...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","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","mountTimeRef","useRef","Date","now","formatSource","useMemo","uri","aveColor","useAveColor","defaultColor","lightColor","Fill1","loadingAve","TLoadStyle","AVE","blurSource","useBlur","apmDataRef","imageUrl","imageHost","intersectTime","imageSize","isFirstScreen","isPrefetch","isSuccess","errorReason","loadedStartTime","loadedTime","loadDuration","viewDuration","apmDoneRef","useEffect","apmData","current","isLocalFile","isDataUri","URL","protocol","concat","host","error","alive","queryCacheBatched","then","isPrefetched","String","pushApmData","useCallback","apmPush","convertKeysToSnakeCase","onLoadEnd","_props$onLoadEnd","call","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","onLoad","_props$onLoad","start","LOADED","onLoadStart","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","borderWidth","RNImage","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, 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 { apmPush } from \"./apm\";\nimport { queryCacheBatched } from \"./queryCacheBatcher\";\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  const mountTimeRef = useRef<number>(Date.now());\n\n  const formatSource = useMemo(() => {\n    // @ts-ignore\n    if (_source) return _source as ImageSourcePropType;\n    // @ts-ignore\n    return { 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  // Visibility tracking removed: no longer needed for APM\n  const apmDataRef = useRef<ImageTrackerProps>({\n    imageUrl: \"\",\n    imageHost: \"\",\n    intersectTime: 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 = useRef(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 (!imageUrl) return;\n    let alive = true;\n    queryCacheBatched(imageUrl)\n      .then((isPrefetched) => {\n        if (!alive) return;\n        apmDataRef.current.isPrefetch = String(isPrefetched);\n      })\n      .catch(() => {\n        if (!alive) return;\n        apmDataRef.current.isPrefetch = \"false\";\n      });\n    return () => {\n      alive = false;\n      apmDataRef.current.isPrefetch = \"\";\n    };\n  }, [formatSource, abortApmCollection]);\n\n  const pushApmData = useCallback(() => {\n    if (abortApmCollection) return;\n    const apmData = apmDataRef.current;\n    // Simplify: do not track view duration/intersect time\n    apmData.intersectTime = 0;\n    apmData.viewDuration = 0;\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.current && apmData.imageUrl && !abortApmCollection) {\n      apmDoneRef.current = true;\n      apmPush(convertKeysToSnakeCase(apmData));\n    }\n  }, [abortApmCollection]);\n\n  // 判断首屏\n  // isFirstScreen stays \"false\" and intersectTime stays 0 by design\n  const onLoadEnd = () => {\n    props?.onLoadEnd?.();\n    if (abortApmCollection) return;\n    // Push regardless of visibility/intersect time\n    pushApmData();\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      let start = apmDataRef.current.loadedStartTime || mountTimeRef.current;\n      if (start > now) start = now;\n      apmDataRef.current.loadedStartTime = start;\n      const loadDuration = now - start;\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        <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","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","mountTimeRef","useRef","Date","now","formatSource","useMemo","uri","aveColor","useAveColor","defaultColor","lightColor","Fill1","loadingAve","TLoadStyle","AVE","blurSource","useBlur","apmDataRef","imageUrl","imageHost","intersectTime","imageSize","isFirstScreen","isPrefetch","isSuccess","errorReason","loadedStartTime","loadedTime","loadDuration","viewDuration","apmDoneRef","useEffect","apmData","current","isLocalFile","isDataUri","URL","protocol","concat","host","error","alive","queryCacheBatched","then","isPrefetched","String","pushApmData","useCallback","apmPush","convertKeysToSnakeCase","onLoadEnd","_props$onLoadEnd","call","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","onLoad","_props$onLoad","start","LOADED","onLoadStart","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","colorMode","useColorMode","React","createElement","View","_objectSpread","RNImage","apmBiz","NONE","styles","loadingContainer","backgroundColor","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/CAkwE9ZD.js';
+import { _ as _slicedToArray } from '../../../_chunks/CAkwE9ZD.js';
 import React, { useState, useEffect } from 'react';
 import { TouchableWithoutFeedback, View, Text, Image } from 'react-native';
 import { useListContext } from './ListContext.js';
@@ -36,8 +36,6 @@ var ListItem = function ListItem(_ref) {
     children = _ref.children,
     badgeActionContent = _ref.badgeActionContent;
     _ref.badgeTitleContent;
-    var style = _ref.style,
-    lineStyle = _ref.lineStyle;
   useMounted("ListItem");
   var styles = createStyles();
   var _useListContext = useListContext(),
@@ -70,7 +68,7 @@ var ListItem = function ListItem(_ref) {
   }, /* @__PURE__ */React.createElement(View, {
     style: [styles.listItem, children ? {} : {
       height: listItemSizeToHeight[size]
-    }, size === "expand" && styles.expand, style]
+    }, size === "expand" && styles.expand]
   }, children ? children : /* @__PURE__ */React.createElement(View, {
     style: [styles.content, contentStyle]
   }, prefix && /* @__PURE__ */React.createElement(View, {
@@ -78,7 +76,7 @@ var ListItem = function ListItem(_ref) {
       height: listItemSizeToHeight[size]
     }, prefixStyle]
   }, prefix), /* @__PURE__ */React.createElement(View, {
-    style: [styles.contentBox, lineItem ? _objectSpread2(_objectSpread2({}, styles.hr), lineStyle) : {}, {
+    style: [styles.contentBox, lineItem ? styles.hr : {}, {
       height: listItemSizeToHeight[size]
     }]
   }, /* @__PURE__ */React.createElement(View, {