@xhsreds/reds-rn-next 0.8.3 → 0.8.4-beta202510231402

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: 16,\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: 8,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    bottom: {\n      marginTop: 8,\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,CAAA;AACdd,MAAAA,cAAgB,EAAA,QAAA;AAChBU,MAAAA,UAAY,EAAA,QAAA;KACd;AACAb,IAAAA,MAAQ,EAAA;AACNkB,MAAAA,SAAW,EAAA,CAAA;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,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;;;;"}

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

@@ -31,6 +31,7 @@ require('../ProgressIndicator/lottie/progress_loading_primary.js');
 require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 
 var Button = function Button(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextStyle, PanResponder } from \"react-native\";\nimport { RedsButton, ButtonDefaultProps } from \"./interface\";\nimport { getSizeStyles, getVariantStyles, contentMarginStyle, getStyles } from \"./styleMap\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport Viewable from \"./Viewable\";\nimport ProgressIndicator from \"../ProgressIndicator\";\nimport { useColorMode } from \"../ConfigProvider\";\n\nconst Button = (props: RedsButton) => {\n  useMounted(\"Button\");\n  const finalProps = { ...(ButtonDefaultProps as RedsButton), ...props };\n  const {\n    size,\n    block,\n    disabled,\n    children,\n    onClick,\n    avatar,\n    iconLeft,\n    iconRight,\n    shape,\n    style = {},\n    textStyle = {},\n    loading,\n  } = finalProps;\n  const sizeStyles = getSizeStyles(finalProps);\n  const variantStyles = getVariantStyles(finalProps);\n  const styles = getStyles(finalProps);\n  const buttonStyles: ViewStyle[] = [styles.button, sizeStyles.button, variantStyles.button];\n  const textStyles: TextStyle[] = [sizeStyles.text, variantStyles.text];\n\n  const allowSlot = size === \"xLarge\" || size === \"large\";\n\n  const colorMode = useColorMode();\n\n  if (avatar || iconLeft) {\n    textStyles.push(contentMarginStyle.left);\n  }\n\n  if (iconRight) {\n    textStyles.push(contentMarginStyle.right);\n  }\n\n  if (disabled) {\n    buttonStyles.push(styles.disabledButton);\n  }\n\n  if (block) {\n    buttonStyles.push(styles.block);\n  }\n\n  if (textStyle) {\n    textStyles.push(textStyle);\n  }\n\n  if (style) {\n    buttonStyles.push(style);\n  }\n\n  const panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: () => {\n      return true;\n    },\n  });\n  // @ts-ignore\n  const Wrapper = ({ children }) => {\n    return props?.onFirstDrawFinished ? (\n      <Viewable style={buttonStyles} callback={props.onFirstDrawFinished} {...props.firstDrawFinishedProps}>\n        {children}\n      </Viewable>\n    ) : (\n      children\n    );\n  };\n  return (\n    <Wrapper>\n      <TouchableWithoutFeedback\n        onPress={disabled && !props.requireDisableClick ? undefined : onClick}\n        {...props.accessibility}\n      >\n        <View\n          style={props?.onFirstDrawFinished ? { flexDirection: \"row\", alignItems: \"center\" } : buttonStyles}\n          {...panResponder.panHandlers}\n        >\n          {shape === \"circle\" ? (\n            <>\n              {iconLeft ? (\n                <View>{iconLeft}</View>\n              ) : iconRight ? (\n                <View>{iconRight}</View>\n              ) : loading ? (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              ) : (\n                <Text style={textStyles}>{children}</Text>\n              )}\n            </>\n          ) : (\n            <>\n              {avatar && <View>{avatar}</View>}\n              {iconLeft && <View>{iconLeft}</View>}\n              {loading && (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              )}\n              <Text style={textStyles}>{children}</Text>\n              {iconRight && <View>{iconRight}</View>}\n            </>\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    </Wrapper>\n  );\n};\n\nexport default memo(Button);\n"],"names":["Button","props","useMounted","finalProps","_objectSpread","ButtonDefaultProps","size","block","disabled","children","onClick","avatar","iconLeft","iconRight","shape","_finalProps$style","style","_finalProps$textStyle","textStyle","loading","sizeStyles","getSizeStyles","variantStyles","getVariantStyles","styles","getStyles","buttonStyles","button","textStyles","text","colorMode","useColorMode","push","contentMarginStyle","left","right","disabledButton","panResponder","PanResponder","create","onStartShouldSetPanResponderCapture","Wrapper","_ref","onFirstDrawFinished","React","createElement","Viewable","callback","firstDrawFinishedProps","TouchableWithoutFeedback","onPress","requireDisableClick","accessibility","View","flexDirection","alignItems","panHandlers","Fragment","ProgressIndicator","type","strokeColor","Text","memo"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextStyle, PanResponder } from \"react-native\";\nimport { RedsButton, ButtonDefaultProps } from \"./interface\";\nimport { getSizeStyles, getVariantStyles, contentMarginStyle, getStyles } from \"./styleMap\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport Viewable from \"./Viewable\";\nimport ProgressIndicator from \"../ProgressIndicator\";\nimport { useColorMode } from \"../ConfigProvider\";\n\nconst Button = (props: RedsButton) => {\n  useMounted(\"Button\");\n  const finalProps = { ...(ButtonDefaultProps as RedsButton), ...props };\n  const {\n    size,\n    block,\n    disabled,\n    children,\n    onClick,\n    avatar,\n    iconLeft,\n    iconRight,\n    shape,\n    style = {},\n    textStyle = {},\n    loading,\n  } = finalProps;\n  const sizeStyles = getSizeStyles(finalProps);\n  const variantStyles = getVariantStyles(finalProps);\n  const styles = getStyles(finalProps);\n  const buttonStyles: ViewStyle[] = [styles.button, sizeStyles.button, variantStyles.button];\n  const textStyles: TextStyle[] = [sizeStyles.text, variantStyles.text];\n\n  const allowSlot = size === \"xLarge\" || size === \"large\";\n\n  const colorMode = useColorMode();\n\n  if (avatar || iconLeft) {\n    textStyles.push(contentMarginStyle.left);\n  }\n\n  if (iconRight) {\n    textStyles.push(contentMarginStyle.right);\n  }\n\n  if (disabled) {\n    buttonStyles.push(styles.disabledButton);\n  }\n\n  if (block) {\n    buttonStyles.push(styles.block);\n  }\n\n  if (textStyle) {\n    textStyles.push(textStyle);\n  }\n\n  if (style) {\n    buttonStyles.push(style);\n  }\n\n  const panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: () => {\n      return true;\n    },\n  });\n  // @ts-ignore\n  const Wrapper = ({ children }) => {\n    return props?.onFirstDrawFinished ? (\n      <Viewable style={buttonStyles} callback={props.onFirstDrawFinished} {...props.firstDrawFinishedProps}>\n        {children}\n      </Viewable>\n    ) : (\n      children\n    );\n  };\n  return (\n    <Wrapper>\n      <TouchableWithoutFeedback\n        onPress={disabled && !props.requireDisableClick ? undefined : onClick}\n        {...props.accessibility}\n      >\n        <View\n          style={props?.onFirstDrawFinished ? { flexDirection: \"row\", alignItems: \"center\" } : buttonStyles}\n          {...panResponder.panHandlers}\n        >\n          {shape === \"circle\" ? (\n            <>\n              {iconLeft ? (\n                <View>{iconLeft}</View>\n              ) : iconRight ? (\n                <View>{iconRight}</View>\n              ) : loading ? (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              ) : (\n                <Text style={textStyles}>{children}</Text>\n              )}\n            </>\n          ) : (\n            <>\n              {avatar && <View>{avatar}</View>}\n              {iconLeft && <View>{iconLeft}</View>}\n              {loading && (\n                <ProgressIndicator\n                  type=\"refresh\"\n                  strokeColor={props.type === \"primary\" || colorMode === \"dark\" ? \"dark\" : \"light\"}\n                />\n              )}\n              <Text style={textStyles}>{children}</Text>\n              {iconRight && <View>{iconRight}</View>}\n            </>\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n    </Wrapper>\n  );\n};\n\nexport default memo(Button);\n"],"names":["Button","props","useMounted","finalProps","_objectSpread","ButtonDefaultProps","size","block","disabled","children","onClick","avatar","iconLeft","iconRight","shape","_finalProps$style","style","_finalProps$textStyle","textStyle","loading","sizeStyles","getSizeStyles","variantStyles","getVariantStyles","styles","getStyles","buttonStyles","button","textStyles","text","colorMode","useColorMode","push","contentMarginStyle","left","right","disabledButton","panResponder","PanResponder","create","onStartShouldSetPanResponderCapture","Wrapper","_ref","onFirstDrawFinished","React","createElement","Viewable","callback","firstDrawFinishedProps","TouchableWithoutFeedback","onPress","requireDisableClick","accessibility","View","flexDirection","alignItems","panHandlers","Fragment","ProgressIndicator","type","strokeColor","Text","memo"],"mappings":"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"}

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

@@ -32,6 +32,7 @@ require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 
 

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

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

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

@@ -14,7 +14,8 @@ var getStyles = function getStyles(props) {
   var borderRadius = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeButtonBorderRadiusById();
   return reactNative.StyleSheet.create({
     button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-      borderRadius: borderRadius
+      borderRadius: borderRadius,
+      boxSizing: "border-box"
     }, props.outlineType === "shadow" ? {
       border: "none",
       // iOS 阴影样式
@@ -54,7 +55,7 @@ var getStyles = function getStyles(props) {
       opacity: 0.3
     } : {}),
     block: {
-      // alignSelf: "stretch",
+      alignSelf: "stretch",
       width: "100%"
     }
   });
@@ -64,9 +65,7 @@ var getSizeStyles = function getSizeStyles(props) {
   var typography = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeTypography("Button");
   var styles = {
     xLarge: reactNative.StyleSheet.create({
-      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-        paddingVertical: 0
-      }, isCircle ? {
+      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, isCircle ? {
         width: 48
       } : {
         minWidth: 112,
@@ -80,14 +79,13 @@ var getSizeStyles = function getSizeStyles(props) {
       }),
       text: {
         fontSize: typography.T2FontSize,
-        fontWeight: typography.T2FontWeight
+        fontWeight: typography.T2FontWeight,
+        textAlign: "center"
       }
     }),
     large: reactNative.StyleSheet.create({
-      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-        paddingVertical: 0
-      }, isCircle ? {
-        width: 40
+      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, isCircle ? {
+        width: 44
       } : {
         minWidth: 96,
         display: "flex",
@@ -98,13 +96,12 @@ var getSizeStyles = function getSizeStyles(props) {
       }),
       text: {
         fontSize: typography.T2FontSize,
-        fontWeight: typography.T2FontWeight
+        fontWeight: typography.T2FontWeight,
+        textAlign: "center"
       }
     }),
     medium: reactNative.StyleSheet.create({
-      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-        paddingVertical: 0
-      }, isCircle ? {
+      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, isCircle ? {
         width: 36
       } : {
         minWidth: 82,
@@ -114,13 +111,12 @@ var getSizeStyles = function getSizeStyles(props) {
       }),
       text: {
         fontSize: typography.T3FontSize,
-        fontWeight: typography.T3FontWeight
+        fontWeight: typography.T3FontWeight,
+        textAlign: "center"
       }
     }),
     small: reactNative.StyleSheet.create({
-      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-        paddingVertical: 0
-      }, isCircle ? {
+      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, isCircle ? {
         width: 28
       } : {
         minWidth: 63,
@@ -130,13 +126,12 @@ var getSizeStyles = function getSizeStyles(props) {
       }),
       text: {
         fontSize: typography.C1FontSize,
-        fontWeight: typography.T3FontWeight
+        fontWeight: typography.T3FontWeight,
+        textAlign: "center"
       }
     }),
     mini: reactNative.StyleSheet.create({
-      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-        paddingVertical: 0
-      }, isCircle ? {
+      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, isCircle ? {
         width: 24
       } : {
         minWidth: 52,
@@ -146,13 +141,12 @@ var getSizeStyles = function getSizeStyles(props) {
       }),
       text: {
         fontSize: typography.C2FontSize,
-        fontWeight: typography.T3FontWeight
+        fontWeight: typography.T3FontWeight,
+        textAlign: "center"
       }
     }),
     micro: reactNative.StyleSheet.create({
-      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
-        paddingVertical: 0
-      }, isCircle ? {
+      button: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, isCircle ? {
         width: 20
       } : {
         minWidth: 40,
@@ -162,7 +156,8 @@ var getSizeStyles = function getSizeStyles(props) {
       }),
       text: {
         fontSize: typography.C3FontSize,
-        fontWeight: typography.T3FontWeight
+        fontWeight: typography.T3FontWeight,
+        textAlign: "center"
       }
     })
   };
@@ -191,8 +186,8 @@ var getVariantStyles = function getVariantStyles(props) {
     }),
     ghost: reactNative.StyleSheet.create({
       button: {
-        borderColor: props.type === "primary" ? themeColor.Primary : themeColor.Paragraph,
-        backgroundColor: props.outlineType === "none" ? themeColor.Fill2 : redsTokenNext.alwaysColor.LightFill2
+        borderColor: redsTokenNext.alwaysColor.LightParagraph,
+        backgroundColor: redsTokenNext.alwaysColor.LightFill2
       },
       text: {
         color: props.type === "primary" ? themeColor.Primary : themeColor.Paragraph
@@ -201,8 +196,7 @@ var getVariantStyles = function getVariantStyles(props) {
     outline: reactNative.StyleSheet.create({
       button: {
         borderColor: props.type === "primary" ? themeColor.Primary : themeColor.Separator2,
-        backgroundColor: "transparent",
-        boxSizing: "border-box"
+        backgroundColor: "transparent"
       },
       text: {
         color: props.type === "primary" ? themeColor.Primary : themeColor.Title

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

@@ -1 +1 @@
-{"version":3,"file":"styleMap.js","sources":["../../../../src/components/Button/styleMap.ts"],"sourcesContent":["import { RedsButton } from \"./interface\";\nimport { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography, useThemeButtonBorderRadiusById } from \"../ConfigProvider\";\nimport { fontWeight } from \"@xhsreds/reds-token-next\";\nexport const getStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor();\n  const borderRadius = useThemeButtonBorderRadiusById();\n  return StyleSheet.create({\n    button: {\n      borderRadius: borderRadius as unknown as number,\n      ...(props.outlineType === \"shadow\"\n        ? {\n            border: \"none\",\n            // iOS 阴影样式\n            shadowColor: \"rgba(0, 0, 0, 0.10)\", // 阴影颜色\n            shadowOffset: {\n              width: 0,\n              height: 2, // 阴影的垂直偏移\n            },\n            shadowOpacity: 1, // 阴影的不透明度\n            shadowRadius: 16, // 阴影的模糊半径\n\n            // Android 阴影样式\n            elevation: 16, // 阴影的高度\n          }\n        : props.outlineType === \"border\"\n          ? {\n              borderWidth: 0.5,\n              borderStyle: \"solid\",\n            }\n          : {\n              border: \"none\",\n            }),\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      alignSelf: \"center\",\n    },\n    disabledButton: {\n      opacity: (props.type === \"primary\" && props.variant === \"fill\") || props.variant === \"disabled\" ? 1 : 0.3,\n      color: themeColor.PrimaryLabelTextDisabled,\n      borderColor:\n        props.variant === \"text\" ||\n        props.variant === \"fill\" ||\n        props.variant === \"ghost\" ||\n        props.variant === \"disabled\"\n          ? \"transparent\"\n          : props.type === \"primary\"\n            ? themeColor.Primary\n            : themeColor.PrimaryLabelTextDisabled,\n      ...(props.type === \"primary\" && props.variant === \"fill\"\n        ? { backgroundColor: themeColor.Primary, borderWidth: 0, opacity: 0.3 }\n        : {}),\n    },\n    block: {\n      // alignSelf: \"stretch\",\n      width: \"100%\",\n    },\n  });\n};\nexport const getSizeStyles = (props: RedsButton) => {\n  const isCircle = props.shape === \"circle\";\n  const typography = useThemeTypography(\"Button\");\n  const styles = {\n    xLarge: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle\n          ? { width: 48 }\n          : {\n              minWidth: 112,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              paddingLeft: props.avatar ? 8 : props.iconLeft ? 20 : props.iconRight ? 24 : 32,\n              paddingRight: props.iconRight ? 20 : props.iconLeft || props.avatar ? 24 : 32,\n            }),\n        height: 48,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n      },\n    }),\n    large: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle\n          ? { width: 40 }\n          : {\n              minWidth: 96,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }),\n        height: 44,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n      },\n    }),\n    medium: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 36 } : { minWidth: 82, paddingHorizontal: 20 }),\n        height: 36,\n      },\n      text: {\n        fontSize: typography.T3FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n    small: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 28 } : { minWidth: 63, paddingHorizontal: 12 }),\n        height: 28,\n      },\n      text: {\n        fontSize: typography.C1FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n    mini: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 24 } : { minWidth: 52, paddingHorizontal: 8 }),\n        height: 24,\n      },\n      text: {\n        fontSize: typography.C2FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n    micro: StyleSheet.create({\n      button: {\n        paddingVertical: 0,\n        ...(isCircle ? { width: 20 } : { minWidth: 40, paddingHorizontal: 8 }),\n        height: 20,\n      },\n      text: {\n        fontSize: typography.C3FontSize,\n        fontWeight: typography.T3FontWeight,\n      },\n    }),\n  };\n\n  return styles[props.size!];\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor(\"Button\");\n  const styles = {\n    fill: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n      },\n      text: {\n        color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n      },\n    }),\n    disabled: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: themeColor.PrimaryBgDisabled,\n      },\n      text: {\n        color: themeColor.PrimaryLabelFillDisabled,\n      },\n    }),\n    ghost: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n        backgroundColor: props.outlineType === \"none\" ? themeColor.Fill2 : alwaysColor.LightFill2,\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n      },\n    }),\n    outline: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: \"transparent\",\n        boxSizing: \"border-box\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n    text: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n  };\n  return styles[props.variant!];\n};\n\nexport const contentMarginStyle = StyleSheet.create({\n  left: {\n    marginLeft: 8,\n  },\n  right: {\n    marginRight: 8,\n  },\n});\n"],"names":["getStyles","props","themeColor","useThemeColor","borderRadius","useThemeButtonBorderRadiusById","StyleSheet","create","button","_objectSpread","outlineType","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderStyle","display","justifyContent","alignItems","flexDirection","alignSelf","disabledButton","opacity","type","variant","color","PrimaryLabelTextDisabled","borderColor","Primary","backgroundColor","block","getSizeStyles","isCircle","shape","typography","useThemeTypography","styles","xLarge","paddingVertical","minWidth","paddingLeft","avatar","iconLeft","iconRight","paddingRight","text","fontSize","T2FontSize","fontWeight","T2FontWeight","large","medium","paddingHorizontal","T3FontSize","T3FontWeight","small","C1FontSize","mini","C2FontSize","micro","C3FontSize","size","getVariantStyles","fill","Separator2","White","alwaysColor","Title","disabled","PrimaryBgDisabled","PrimaryLabelFillDisabled","ghost","Paragraph","Fill2","LightFill2","outline","boxSizing","contentMarginStyle","left","marginLeft","right","marginRight"],"mappings":"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"}
+{"version":3,"file":"styleMap.js","sources":["../../../../src/components/Button/styleMap.ts"],"sourcesContent":["import { RedsButton } from \"./interface\";\nimport { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography, useThemeButtonBorderRadiusById } from \"../ConfigProvider\";\nimport { fontWeight } from \"@xhsreds/reds-token-next\";\nexport const getStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor();\n  const borderRadius = useThemeButtonBorderRadiusById();\n  return StyleSheet.create({\n    button: {\n      borderRadius: borderRadius as unknown as number,\n      boxSizing: \"border-box\",\n      ...(props.outlineType === \"shadow\"\n        ? {\n            border: \"none\",\n            // iOS 阴影样式\n            shadowColor: \"rgba(0, 0, 0, 0.10)\", // 阴影颜色\n            shadowOffset: {\n              width: 0,\n              height: 2, // 阴影的垂直偏移\n            },\n            shadowOpacity: 1, // 阴影的不透明度\n            shadowRadius: 16, // 阴影的模糊半径\n\n            // Android 阴影样式\n            elevation: 16, // 阴影的高度\n          }\n        : props.outlineType === \"border\"\n          ? {\n              borderWidth: 0.5,\n              borderStyle: \"solid\",\n            }\n          : {\n              border: \"none\",\n            }),\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      alignSelf: \"center\",\n    },\n    disabledButton: {\n      opacity: (props.type === \"primary\" && props.variant === \"fill\") || props.variant === \"disabled\" ? 1 : 0.3,\n      color: themeColor.PrimaryLabelTextDisabled,\n      borderColor:\n        props.variant === \"text\" ||\n        props.variant === \"fill\" ||\n        props.variant === \"ghost\" ||\n        props.variant === \"disabled\"\n          ? \"transparent\"\n          : props.type === \"primary\"\n            ? themeColor.Primary\n            : themeColor.PrimaryLabelTextDisabled,\n      ...(props.type === \"primary\" && props.variant === \"fill\"\n        ? { backgroundColor: themeColor.Primary, borderWidth: 0, opacity: 0.3 }\n        : {}),\n    },\n    block: {\n      alignSelf: \"stretch\",\n      width: \"100%\",\n    },\n  });\n};\nexport const getSizeStyles = (props: RedsButton) => {\n  const isCircle = props.shape === \"circle\";\n  const typography = useThemeTypography(\"Button\");\n  const styles = {\n    xLarge: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 48 }\n          : {\n              minWidth: 112,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              paddingLeft: props.avatar ? 8 : props.iconLeft ? 20 : props.iconRight ? 24 : 32,\n              paddingRight: props.iconRight ? 20 : props.iconLeft || props.avatar ? 24 : 32,\n            }),\n        height: 48,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    large: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 44 }\n          : {\n              minWidth: 96,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }),\n        height: 44,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    medium: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 36 } : { minWidth: 82, paddingHorizontal: 20 }),\n        height: 36,\n      },\n      text: {\n        fontSize: typography.T3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    small: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 28 } : { minWidth: 63, paddingHorizontal: 12 }),\n        height: 28,\n      },\n      text: {\n        fontSize: typography.C1FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    mini: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 24 } : { minWidth: 52, paddingHorizontal: 8 }),\n        height: 24,\n      },\n      text: {\n        fontSize: typography.C2FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    micro: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 20 } : { minWidth: 40, paddingHorizontal: 8 }),\n        height: 20,\n      },\n      text: {\n        fontSize: typography.C3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n  };\n\n  return styles[props.size!];\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor(\"Button\");\n  const styles = {\n    fill: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n      },\n      text: {\n        color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n      },\n    }),\n    disabled: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: themeColor.PrimaryBgDisabled,\n      },\n      text: {\n        color: themeColor.PrimaryLabelFillDisabled,\n      },\n    }),\n    ghost: StyleSheet.create({\n      button: {\n        borderColor: alwaysColor.LightParagraph,\n        backgroundColor: alwaysColor.LightFill2,\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n      },\n    }),\n    outline: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n    text: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n  };\n  return styles[props.variant!];\n};\n\nexport const contentMarginStyle = StyleSheet.create({\n  left: {\n    marginLeft: 8,\n  },\n  right: {\n    marginRight: 8,\n  },\n});\n"],"names":["getStyles","props","themeColor","useThemeColor","borderRadius","useThemeButtonBorderRadiusById","StyleSheet","create","button","_objectSpread","boxSizing","outlineType","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderStyle","display","justifyContent","alignItems","flexDirection","alignSelf","disabledButton","opacity","type","variant","color","PrimaryLabelTextDisabled","borderColor","Primary","backgroundColor","block","getSizeStyles","isCircle","shape","typography","useThemeTypography","styles","xLarge","minWidth","paddingLeft","avatar","iconLeft","iconRight","paddingRight","text","fontSize","T2FontSize","fontWeight","T2FontWeight","textAlign","large","medium","paddingHorizontal","T3FontSize","T3FontWeight","small","C1FontSize","mini","C2FontSize","micro","C3FontSize","size","getVariantStyles","fill","Separator2","White","alwaysColor","Title","disabled","PrimaryBgDisabled","PrimaryLabelFillDisabled","ghost","LightParagraph","LightFill2","Paragraph","outline","contentMarginStyle","left","marginLeft","right","marginRight"],"mappings":"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"}