@xhsreds/reds-rn-next 0.10.1-fix-pull-refresh202511272021 → 0.10.2-beta202512172040

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_AvatarGroup_AvatarGroup = require('./AvatarGroup.js');
 var components_AvatarGroup_interface_index = require('../../_chunks/AzJLzRe4.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('../Avatar/Avatar.js');

package/lib/cjs/components/Badge/Badge.js

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Badge_Badge = require('./Badge.js');
 var components_Badge_interface_index = require('../../_chunks/ByZWWILJ.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

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

package/lib/cjs/components/BottomBar/BottomBar.js

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_BottomBar_BottomBar = require('./BottomBar.js');
 var components_BottomBar_interface_index = require('../../_chunks/MGxIl7pN.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

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

package/lib/cjs/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: \"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,uBAAWC,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;;;;"}
+{"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,uBAAWC,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;;;;"}

package/lib/cjs/components/Button/Button.js

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

package/lib/cjs/components/Button/Viewable.js

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Button_Button = require('./Button.js');
 var components_Button_interface_index = require('../../_chunks/DJ6i78mM.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styleMap.js');

package/lib/cjs/components/Button/styleMap.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var reactNative = require('react-native');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');

package/lib/cjs/components/Carousel/Carousel.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Carousel_styles = require('./styles.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Carousel_Carousel = require('./Carousel.js');
 var components_Carousel_interface_index = require('../../_chunks/bH9ffeny.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

package/lib/cjs/components/CheckBoxGroup/CheckBox.js

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

package/lib/cjs/components/CheckBoxGroup/CheckBoxGroup.js

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_CheckBoxGroup_CheckBoxGroup = require('./CheckBoxGroup.js');
 var components_CheckBoxGroup_interface_index = require('../../_chunks/Jvjsjma1.js');
 var components_CheckBoxGroup_CheckBox = require('./CheckBox.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var reactNative = require('react-native');
 var components_CheckBoxGroup_interface_index = require('../../_chunks/Jvjsjma1.js');
 var redsTokenNext = require('@xhsreds/reds-token-next');

package/lib/cjs/components/Collapse/Collapse.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_Collapse_interface_index = require('./interface/index.js');
 var components_Collapse_hooks_useCollapseContext = require('./hooks/useCollapseContext.js');

package/lib/cjs/components/Collapse/Item/Item.js

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

package/lib/cjs/components/Collapse/Item/styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactNative = require('react-native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../../_chunks/C9tZEm0t.js');
+require('../../../_chunks/nlVjgQi5.js');
 require('react');
 require('@xhsreds/reds-token-next');
 require('../../ConfigProvider/hooks/ConfigCache/ConfigCache.js');

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

@@ -2,7 +2,7 @@
 
 var components_Collapse_Collapse = require('./Collapse.js');
 var components_Collapse_Item_Item = require('./Item/Item.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('./interface/index.js');
 require('./hooks/useCollapseContext.js');

package/lib/cjs/components/ConfigProvider/ConfigProvider.js

@@ -6,7 +6,7 @@ var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('./hooks/C
 var components_ConfigProvider_hooks_ConfigContext_ConfigContext = require('./hooks/ConfigContext/ConfigContext.js');
 var React = require('react');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('@xhs/reds-apm/src/index.native');
 require('../../pvCount/pvData.js');

package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../../../_chunks/nlVjgQi5.js');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 
 var __defProp = Object.defineProperty;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('./ConfigCache.js');
-require('../../../../_chunks/C9tZEm0t.js');
+require('../../../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 
 

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

@@ -4,7 +4,7 @@ var components_ConfigProvider_hooks_themeToken_useColorMode = require('./useColo
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./useThemeToken.js');
 require('react');
 require('../ConfigContext/ConfigContext.js');
-require('../../../../_chunks/C9tZEm0t.js');
+require('../../../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigCache/ConfigCache.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('../ConfigCache/ConfigCache.js');

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

@@ -7,7 +7,7 @@ var components_ConfigProvider_interface_index = require('../../_chunks/BzoUq9KD.
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./hooks/themeToken/useThemeToken.js');
 var components_ConfigProvider_hooks_themeToken_useColorMode = require('./hooks/themeToken/useColorMode.js');
 require('./hooks/ConfigCache/ConfigCache.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('./hooks/ConfigContext/ConfigContext.js');
 require('react');

package/lib/cjs/components/DatePicker/DatePicker.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_DatePicker_interface_index = require('../../_chunks/BiKD1VTc.js');
 var components_Picker_Picker = require('../Picker/Picker.js');
@@ -37,7 +37,7 @@ require('@xhs/lottie-react-native');
 require('../PickerView/styles.js');
 require('../PickerView/Wheel.js');
 require('../Sheets/AnimatedSheets.js');
-require('../../_chunks/DVfoVjpR.js');
+require('../../_chunks/47jfgoRG.js');
 require('../Sheets/styles.js');
 require('../Button/Button.js');
 require('../../_chunks/DJ6i78mM.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_DatePicker_DatePicker = require('./DatePicker.js');
 var components_DatePicker_interface_index = require('../../_chunks/BiKD1VTc.js');
@@ -42,7 +42,7 @@ require('@xhs/lottie-react-native');
 require('../PickerView/styles.js');
 require('../PickerView/Wheel.js');
 require('../Sheets/AnimatedSheets.js');
-require('../../_chunks/DVfoVjpR.js');
+require('../../_chunks/47jfgoRG.js');
 require('../Sheets/styles.js');
 require('../Button/Button.js');
 require('../../_chunks/DJ6i78mM.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_DatePicker_DatePicker = require('./DatePicker.js');
 var components_DatePicker_interface_index = require('../../_chunks/BiKD1VTc.js');
 var components_DatePicker_api = require('./api.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('../Picker/Picker.js');
 require('../../_chunks/PRipBqKL.js');
@@ -39,7 +39,7 @@ require('@xhs/lottie-react-native');
 require('../PickerView/styles.js');
 require('../PickerView/Wheel.js');
 require('../Sheets/AnimatedSheets.js');
-require('../../_chunks/DVfoVjpR.js');
+require('../../_chunks/47jfgoRG.js');
 require('../Sheets/styles.js');
 require('../Button/Button.js');
 require('../../_chunks/DJ6i78mM.js');

package/lib/cjs/components/Divider/Divider.js

@@ -2,36 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Divider_interface_index = require('../../_chunks/CY-sysEj.js');
 var components_Divider_styles = require('./styles.js');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('@xhsreds/reds-token-next');
+var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('@xhs/reds-apm/src/index.native');
-require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 require('../../pvCount/pvData.js');
+require('@xhsreds/reds-token-next');
+require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
 var Divider = function Divider(props) {
+  var _useState = React.useState(0),
+    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    textWidth = _useState2[0],
+    setTextWidth = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    containerWidth = _useState4[0],
+    setContainerWidth = _useState4[1];
+  var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor("Divider");
+  var typography = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeTypography("Divider");
   pvCount_useUnmountedProcess.default("Divider");
   var finalProps = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, components_Divider_interface_index.DividerDefaultProps), props), {}, {
-    direction: props.direction,
-    orientation: props.orientation
+    direction: props.direction || components_Divider_interface_index.DividerDefaultProps.direction,
+    orientation: props.orientation || components_Divider_interface_index.DividerDefaultProps.orientation
   });
-  var styles = components_Divider_styles.getStyles(finalProps);
-  var isPrimary = finalProps.direction === "primary" || finalProps.direction === "secondary";
+  var styles = React.useMemo(function () {
+    return components_Divider_styles.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);
+  };
   return /* @__PURE__ */React.createElement(reactNative.View, {
-    style: [styles.divider, styles[finalProps.direction]]
+    style: [styles.divider, styles[finalProps.direction]],
+    onLayout: handlerContainerWidth
   }, finalProps.orientation && finalProps.direction !== "vertical" && /* @__PURE__ */React.createElement(reactNative.View, {
     style: styles.textContainer
-  }, isPrimary && /* @__PURE__ */React.createElement(reactNative.View, {
+  }, /* @__PURE__ */React.createElement(reactNative.View, {
     style: styles.before
-  }), props.children && /* @__PURE__ */React.createElement(reactNative.Text, {
-    style: styles.text
-  }, props.children), isPrimary && /* @__PURE__ */React.createElement(reactNative.View, {
+  }), props.children ? /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: styles.text,
+    onLayout: handleLayout
+  }, props.children) : /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: styles.noTextBorderStyle
+  }), /* @__PURE__ */React.createElement(reactNative.View, {
     style: styles.after
   })));
 };

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

@@ -1 +1 @@
-{"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,mCAAA,CAAW,SAAS,CAAA,CAAA;EACpB,IAAMC,UAA0B,GAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAC3BC,sDAAA,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,oCAAUN,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,gBAAK,EAAA;IAAAC,KAAA,EAAON,OAAOQ,aAAAA;GACjB,EAAAN,SAAA,uCAAcG,gBAAK,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;;;;"}
+{"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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"}

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Divider_Divider = require('./Divider.js');
 var components_Divider_interface_index = require('../../_chunks/CY-sysEj.js');
-require('../../_chunks/C9tZEm0t.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');
+require('../../pvCount/useUnmountedProcess.js');
+require('@xhs/reds-apm/src/index.native');
+require('../../pvCount/pvData.js');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('@xhsreds/reds-token-next');
-require('@xhs/reds-apm/src/index.native');
 require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
-require('../../pvCount/useUnmountedProcess.js');
-require('../../pvCount/pvData.js');
 
 
 

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

@@ -1,35 +1,28 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var reactNative = require('react-native');
 var components_Divider_interface_index = require('../../_chunks/CY-sysEj.js');
-require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
-require('react');
-require('@xhs/reds-apm/src/index.native');
-var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('@xhsreds/reds-token-next');
-require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 
 var baseDivider = {
   position: "relative"
 };
-var getStyles = function getStyles(p) {
+var getStyles = function getStyles(p, textWidth, containerWidth, themeColor, typography) {
   var props = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, components_Divider_interface_index.DividerDefaultProps), p);
-  var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor("Divider");
-  var typography = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeTypography("Divider");
   var isHorizontal = props.direction === "horizontal";
+  p.children;
+  var remainingWidth = containerWidth - textWidth;
   var beforeAfterCommon = {
     borderStyle: "solid",
-    borderTopWidth: 0.5,
-    borderColor: props.color || themeColor.Separator2,
-    width: 8
+    borderTopWidth: props.stroke || 0.5,
+    borderColor: props.color || themeColor.Separator2
   };
   var dividerStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, baseDivider), {}, {
-    borderBottomWidth: isHorizontal ? props.stroke ? props.stroke : reactNative.StyleSheet.hairlineWidth : 0,
-    borderLeftWidth: isHorizontal ? 0 : props.stroke ? props.stroke : reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: isHorizontal ? props.color || themeColor.Separator2 : void 0,
-    borderLeftColor: isHorizontal ? void 0 : props.color || themeColor.Separator2,
-    borderStyle: "solid",
+    // 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",
     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),
@@ -37,16 +30,10 @@ var getStyles = function getStyles(p) {
     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",
-    top: isHorizontal && -9 || 0
+    width: "100%"
+    // 移除 position absolute，改为正常布局
   };
   var textStyle = {
     fontSize: typography.C2FontSize,
@@ -59,12 +46,30 @@ var getStyles = function getStyles(p) {
   var secondaryStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, textStyle), {}, {
     color: "rgba(51, 51, 51, .3)"
   });
-  var beforeStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, beforeAfterCommon), {}, {
-    marginRight: 8,
+  var beforeStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._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 = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._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
+  }), {}, {
     borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
   });
-  var afterStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, beforeAfterCommon), {}, {
-    marginLeft: 8,
+  var noTextBorderStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, beforeAfterCommon), {}, {
+    width: "auto",
     borderColor: props.direction === "secondary" ? "rgba(51, 51, 51, .3)" : props.color || themeColor.Separator2
   });
   var verticalStyle = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, dividerStyle), {}, {
@@ -80,7 +85,8 @@ var getStyles = function getStyles(p) {
     textContainer: textContainer,
     text: textStyle,
     before: beforeStyle,
-    after: afterStyle
+    after: afterStyle,
+    noTextBorderStyle: noTextBorderStyle
   });
 };