@xhsreds/reds-rn-next 0.8.1-beta202510161437 → 0.8.1-beta202510161931

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownItem.js","sources":["../../../../src/components/DropDown/DropDownItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextInput, Dimensions, Image } from \"react-native\";\nimport {\n  RedsDropDownItem,\n  DropDownItemDefaultProps,\n  DROPDOWNITEMTYPE,\n  MULTIPLEOPTIONCOLUMN,\n  SelectItem,\n} from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { Icon, IconType } from \"../Icon\";\nimport { useColorMode, useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nexport const getMultiStyles = (props: RedsDropDownItem, index: number, dropDownItemWidth: number) => {\n  const columns = props?.optionColumns || MULTIPLEOPTIONCOLUMN.TWO;\n  return {\n    width: Math.floor((dropDownItemWidth - 10 * (columns - 1)) / columns),\n    marginRight: (index + 1) % columns ? 10 : 0,\n  };\n};\n\nconst DropDownItem = (props: RedsDropDownItem) => {\n  useMounted(\"DropDownItem\");\n\n  const themeColor = useThemeColor();\n  const [_value, setValue] = useState<string | string[] | number[]>();\n  const [more, setMore] = useState<boolean>();\n\n  const colorMode = useColorMode();\n\n  const [dropDownItemWidth, setDropDownItemWidth] = useState(0);\n\n  /**\n   * 初始化赋值\n   */\n  useEffect(() => {\n    switch (props.type) {\n      case DROPDOWNITEMTYPE.RADIO:\n        setValue(props.value || props.defaultValue);\n        return;\n      case DROPDOWNITEMTYPE.INPUT:\n        setValue(props.value || props.defaultValue);\n        return;\n      default:\n        if (props.value) {\n          if (typeof props.value === \"string\") {\n            setValue([props.value]);\n          } else {\n            setValue(props.value);\n          }\n        } else if (props.defaultValue) {\n          if (typeof props.defaultValue === \"string\") {\n            setValue([props.defaultValue]);\n          } else {\n            setValue(props.defaultValue);\n          }\n        } else {\n          setValue([]);\n        }\n    }\n  }, [props.type, props.defaultValue, props.value]);\n\n  /**\n   * 单选 or 多选改值\n   */\n  const handleClick = (key: string | number) => {\n    let newValue;\n    if (props.type === DROPDOWNITEMTYPE.RADIO) {\n      setValue(key as string);\n      newValue = key;\n    } else if (props.type === DROPDOWNITEMTYPE.MULTIPLE || props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE) {\n      if ((_value as string[])?.includes(key as string)) {\n        newValue = (_value as string[])?.filter((i: string) => i !== key);\n        setValue(newValue);\n      } else {\n        newValue = [...(_value as string[]), key] as string[];\n        setValue(newValue);\n      }\n    }\n    props?.onChange?.(newValue as number[] | string[] | string);\n  };\n\n  /**\n   * 修改input值\n   */\n  const handleInputChange = (type: \"max\" | \"min\", value: string) => {\n    const newVal = type === \"max\" ? [(_value as string[])?.[0], value] : [value, (_value as string[])?.[1]];\n    setValue(newVal);\n    props?.onChange?.(newVal!);\n  };\n\n  /**\n   * 展示multi 行数\n   */\n\n  const renderMultiColumns = useMemo(() => {\n    return props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE && !more\n      ? props?.options?.slice(0, props.optionColumns)\n      : props?.options || [];\n  }, [props.options, more, props.optionColumns]);\n\n  const ArrowUp = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/ccae115928ed32fc3c4373cf2a70192366634fba.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/8077897e338cac33af9cd16ed05087cb345b1d24.png\";\n    }\n  }, [colorMode]);\n\n  const ArrowDown = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n    }\n  }, [colorMode]);\n\n  const Check = useMemo(() => {\n    return \"https://picasso-static.xiaohongshu.com/fe-platform/48c06b6e09bcf1516a6ad071bacab6da505a2980.png\";\n  }, [colorMode]);\n\n  const computedStyles = getRedsDropDownVariantStyles(themeColor);\n\n  return (\n    <View\n      onLayout={(e) => {\n        setDropDownItemWidth(e.nativeEvent.layout.width - 24);\n      }}\n      style={{ width: Dimensions.get(\"window\").width - 24 }}\n    >\n      {/* label 标签 */}\n      {props.label ? (\n        <View style={styles.titleContainer}>\n          {props.label ? <Text style={[styles.label, computedStyles.color.title]}>{props.label}</Text> : <></>}\n          {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE ? (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                setMore((v) => !v);\n              }}\n            >\n              <View style={styles.moreContainer}>\n                <Text style={[styles.more, computedStyles.color.description]}>更多</Text>\n                <Icon icon={more ? ArrowUp : ArrowDown} size={12} type={IconType.iconType.image} />\n              </View>\n            </TouchableWithoutFeedback>\n          ) : (\n            <></>\n          )}\n        </View>\n      ) : (\n        <></>\n      )}\n      {/* 单选 */}\n      {props.type === DROPDOWNITEMTYPE.RADIO ? (\n        props.options.map((opt) => (\n          <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n            <View style={styles.dropDownItemRadioConatainer}>\n              <Text\n                style={[\n                  (_value as string) === opt.key\n                    ? [styles.radioActiveText, computedStyles.color.primary]\n                    : [styles.radioNormalText, computedStyles.color.title],\n                ]}\n              >\n                {opt.value}\n              </Text>\n              {_value === opt.key ? <Image source={{ uri: Check }} style={{ height: 20, width: 20 }} /> : <></>}\n            </View>\n          </TouchableWithoutFeedback>\n        ))\n      ) : (\n        <></>\n      )}\n      {/* 多选 */}\n      {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE || props.type === DROPDOWNITEMTYPE.MULTIPLE ? (\n        <View style={styles.dropDownItemMultiWrapper}>\n          {renderMultiColumns.map((opt, index) => (\n            <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n              <View\n                style={[\n                  getMultiStyles(props, index, dropDownItemWidth) as ViewStyle,\n                  (_value as string[])?.includes(opt.key)\n                    ? [styles.multiActiveContainer, computedStyles.backgroundColor.primary2]\n                    : [styles.multiNormalContainer, computedStyles.backgroundColor.fill1],\n                ]}\n              >\n                <Text\n                  style={\n                    (_value as string[])?.includes(opt.key)\n                      ? [styles.multiActiveText, computedStyles.color.primary]\n                      : [styles.multiNormalText, computedStyles.color.paragraph]\n                  }\n                >\n                  {(opt as SelectItem).value}\n                </Text>\n              </View>\n            </TouchableWithoutFeedback>\n          ))}\n        </View>\n      ) : (\n        <></>\n      )}\n\n      {/* input */}\n      {props.type === DROPDOWNITEMTYPE.INPUT ? (\n        <View style={styles.dropDownInputContainer}>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.minPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[0]}\n            onChangeText={(value) => {\n              handleInputChange(\"min\", value);\n            }}\n          />\n          <View style={[styles.inputLine, computedStyles.backgroundColor.title]}></View>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.maxPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[1]}\n            onChangeText={(value) => {\n              handleInputChange(\"max\", value);\n            }}\n          />\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nDropDownItem.defaultProps = DropDownItemDefaultProps;\n\nexport default DropDownItem;\n"],"names":["getMultiStyles","props","index","dropDownItemWidth","columns","optionColumns","MULTIPLEOPTIONCOLUMN","TWO","width","Math","floor","marginRight","DropDownItem","useMounted","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","_value","setValue","_useState3","_useState4","more","setMore","colorMode","useColorMode","_useState5","_useState6","setDropDownItemWidth","useEffect","type","DROPDOWNITEMTYPE","RADIO","value","defaultValue","INPUT","handleClick","key","_props$onChange","newValue","MULTIPLE","MORE_MULTIPLE","includes","filter","i","concat","_toConsumableArray","onChange","call","handleInputChange","_props$onChange2","newVal","renderMultiColumns","useMemo","_props$options","options","slice","ArrowUp","ArrowDown","Check","computedStyles","getRedsDropDownVariantStyles","React","createElement","View","onLayout","e","nativeEvent","layout","style","Dimensions","get","label","styles","titleContainer","Text","color","title","Fragment","TouchableWithoutFeedback","onPress","v","moreContainer","description","Icon","icon","size","IconType","image","map","opt","dropDownItemRadioConatainer","radioActiveText","primary","radioNormalText","Image","source","uri","height","dropDownItemMultiWrapper","multiActiveContainer","backgroundColor","primary2","multiNormalContainer","fill1","multiActiveText","multiNormalText","paragraph","dropDownInputContainer","TextInput","input","placeholder","minPlaceHolder","keyboardType","inputMode","onChangeText","inputLine","maxPlaceHolder","defaultProps","DropDownItemDefaultProps"],"mappings":"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"}
+{"version":3,"file":"DropDownItem.js","sources":["../../../../src/components/DropDown/DropDownItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextInput, Dimensions, Image } from \"react-native\";\nimport {\n  RedsDropDownItem,\n  DropDownItemDefaultProps,\n  DROPDOWNITEMTYPE,\n  MULTIPLEOPTIONCOLUMN,\n  SelectItem,\n} from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { Icon, IconType } from \"../Icon\";\nimport { useColorMode, useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nexport const getMultiStyles = (props: RedsDropDownItem, index: number, dropDownItemWidth: number) => {\n  const columns = props?.optionColumns || MULTIPLEOPTIONCOLUMN.TWO;\n  return {\n    width: Math.floor((dropDownItemWidth - 12 * (columns - 1)) / columns),\n    marginRight: (index + 1) % columns ? 12 : 0,\n  };\n};\n\nconst DropDownItem = (props: RedsDropDownItem) => {\n  useMounted(\"DropDownItem\");\n\n  const themeColor = useThemeColor();\n  const [_value, setValue] = useState<string | string[] | number[]>();\n  const [more, setMore] = useState<boolean>();\n\n  const colorMode = useColorMode();\n\n  const [dropDownItemWidth, setDropDownItemWidth] = useState(0);\n\n  /**\n   * 初始化赋值\n   */\n  useEffect(() => {\n    switch (props.type) {\n      case DROPDOWNITEMTYPE.RADIO:\n        setValue(props.value || props.defaultValue);\n        return;\n      case DROPDOWNITEMTYPE.INPUT:\n        setValue(props.value || props.defaultValue);\n        return;\n      default:\n        if (props.value) {\n          if (typeof props.value === \"string\") {\n            setValue([props.value]);\n          } else {\n            setValue(props.value);\n          }\n        } else if (props.defaultValue) {\n          if (typeof props.defaultValue === \"string\") {\n            setValue([props.defaultValue]);\n          } else {\n            setValue(props.defaultValue);\n          }\n        } else {\n          setValue([]);\n        }\n    }\n  }, [props.type, props.defaultValue, props.value]);\n\n  /**\n   * 单选 or 多选改值\n   */\n  const handleClick = (key: string | number) => {\n    let newValue;\n    if (props.type === DROPDOWNITEMTYPE.RADIO) {\n      setValue(key as string);\n      newValue = key;\n    } else if (props.type === DROPDOWNITEMTYPE.MULTIPLE || props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE) {\n      if ((_value as string[])?.includes(key as string)) {\n        newValue = (_value as string[])?.filter((i: string) => i !== key);\n        setValue(newValue);\n      } else {\n        newValue = [...(_value as string[]), key] as string[];\n        setValue(newValue);\n      }\n    }\n    props?.onChange?.(newValue as number[] | string[] | string);\n  };\n\n  /**\n   * 修改input值\n   */\n  const handleInputChange = (type: \"max\" | \"min\", value: string) => {\n    const newVal = type === \"max\" ? [(_value as string[])?.[0], value] : [value, (_value as string[])?.[1]];\n    setValue(newVal);\n    props?.onChange?.(newVal!);\n  };\n\n  /**\n   * 展示multi 行数\n   */\n\n  const renderMultiColumns = useMemo(() => {\n    return props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE && !more\n      ? props?.options?.slice(0, props.optionColumns)\n      : props?.options || [];\n  }, [props.options, more, props.optionColumns]);\n\n  const ArrowUp = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/ccae115928ed32fc3c4373cf2a70192366634fba.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/8077897e338cac33af9cd16ed05087cb345b1d24.png\";\n    }\n  }, [colorMode]);\n\n  const ArrowDown = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n    }\n  }, [colorMode]);\n\n  const Check = useMemo(() => {\n    return \"https://picasso-static.xiaohongshu.com/fe-platform/48c06b6e09bcf1516a6ad071bacab6da505a2980.png\";\n  }, [colorMode]);\n\n  const computedStyles = getRedsDropDownVariantStyles(themeColor);\n\n  return (\n    <View\n      onLayout={(e) => {\n        setDropDownItemWidth(e.nativeEvent.layout.width);\n      }}\n      style={{ width: Dimensions.get(\"window\").width - 24 }}\n    >\n      {/* label 标签 */}\n      {props.label ? (\n        <View style={styles.titleContainer}>\n          {props.label ? <Text style={[styles.label, computedStyles.color.title]}>{props.label}</Text> : <></>}\n          {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE ? (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                setMore((v) => !v);\n              }}\n            >\n              <View style={styles.moreContainer}>\n                <Text style={[styles.more, computedStyles.color.description]}>更多</Text>\n                <Icon icon={more ? ArrowUp : ArrowDown} size={12} type={IconType.iconType.image} />\n              </View>\n            </TouchableWithoutFeedback>\n          ) : (\n            <></>\n          )}\n        </View>\n      ) : (\n        <></>\n      )}\n      {/* 单选 */}\n      {props.type === DROPDOWNITEMTYPE.RADIO ? (\n        props.options.map((opt) => (\n          <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n            <View style={styles.dropDownItemRadioConatainer}>\n              <Text\n                style={[\n                  (_value as string) === opt.key\n                    ? [styles.radioActiveText, computedStyles.color.primary]\n                    : [styles.radioNormalText, computedStyles.color.title],\n                ]}\n              >\n                {opt.value}\n              </Text>\n              {_value === opt.key ? <Image source={{ uri: Check }} style={{ height: 20, width: 20 }} /> : <></>}\n            </View>\n          </TouchableWithoutFeedback>\n        ))\n      ) : (\n        <></>\n      )}\n      {/* 多选 */}\n      {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE || props.type === DROPDOWNITEMTYPE.MULTIPLE ? (\n        <View style={styles.dropDownItemMultiWrapper}>\n          {renderMultiColumns.map((opt, index) => (\n            <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n              <View\n                style={[\n                  getMultiStyles(props, index, dropDownItemWidth) as ViewStyle,\n                  (_value as string[])?.includes(opt.key)\n                    ? [styles.multiActiveContainer, computedStyles.backgroundColor.primary2]\n                    : [styles.multiNormalContainer, computedStyles.backgroundColor.fill1],\n                ]}\n              >\n                <Text\n                  style={\n                    (_value as string[])?.includes(opt.key)\n                      ? [styles.multiActiveText, computedStyles.color.primary]\n                      : [styles.multiNormalText, computedStyles.color.paragraph]\n                  }\n                >\n                  {(opt as SelectItem).value}\n                </Text>\n              </View>\n            </TouchableWithoutFeedback>\n          ))}\n        </View>\n      ) : (\n        <></>\n      )}\n\n      {/* input */}\n      {props.type === DROPDOWNITEMTYPE.INPUT ? (\n        <View style={styles.dropDownInputContainer}>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.minPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[0]}\n            onChangeText={(value) => {\n              handleInputChange(\"min\", value);\n            }}\n          />\n          <View style={[styles.inputLine, computedStyles.backgroundColor.title]}></View>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.maxPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[1]}\n            onChangeText={(value) => {\n              handleInputChange(\"max\", value);\n            }}\n          />\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nDropDownItem.defaultProps = DropDownItemDefaultProps;\n\nexport default DropDownItem;\n"],"names":["getMultiStyles","props","index","dropDownItemWidth","columns","optionColumns","MULTIPLEOPTIONCOLUMN","TWO","width","Math","floor","marginRight","DropDownItem","useMounted","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","_value","setValue","_useState3","_useState4","more","setMore","colorMode","useColorMode","_useState5","_useState6","setDropDownItemWidth","useEffect","type","DROPDOWNITEMTYPE","RADIO","value","defaultValue","INPUT","handleClick","key","_props$onChange","newValue","MULTIPLE","MORE_MULTIPLE","includes","filter","i","concat","_toConsumableArray","onChange","call","handleInputChange","_props$onChange2","newVal","renderMultiColumns","useMemo","_props$options","options","slice","ArrowUp","ArrowDown","Check","computedStyles","getRedsDropDownVariantStyles","React","createElement","View","onLayout","e","nativeEvent","layout","style","Dimensions","get","label","styles","titleContainer","Text","color","title","Fragment","TouchableWithoutFeedback","onPress","v","moreContainer","description","Icon","icon","size","IconType","image","map","opt","dropDownItemRadioConatainer","radioActiveText","primary","radioNormalText","Image","source","uri","height","dropDownItemMultiWrapper","multiActiveContainer","backgroundColor","primary2","multiNormalContainer","fill1","multiActiveText","multiNormalText","paragraph","dropDownInputContainer","TextInput","input","placeholder","minPlaceHolder","keyboardType","inputMode","onChangeText","inputLine","maxPlaceHolder","defaultProps","DropDownItemDefaultProps"],"mappings":"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"}

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

@@ -73,7 +73,7 @@ var styles = StyleSheet.create({
   dropDownItemMultiWrapper: {
     display: "flex",
     alignItems: "center",
-    justifyContent: "space-between",
+    justifyContent: "flex-start",
     flexDirection: "row",
     flexWrap: "wrap"
   },

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DropDown/styles.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst styles = StyleSheet.create({\n  mask: {\n    width: \"100%\",\n    height: Dimensions.get(\"window\").height,\n    position: \"absolute\",\n  },\n  DropDownContainer: {\n    width: \"100%\",\n    maxHeight: Dimensions.get(\"window\").height * 0.75,\n    position: \"relative\",\n    // paddingLeft: 16,\n    // paddingRight: 16,\n  },\n  DropDownItemWrapper: {\n    maxHeight: \"100%\",\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  labelContainer: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  btnContainer: {\n    width: \"100%\",\n    height: 56,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    borderTopWidth: 0.5,\n    borderStyle: \"solid\",\n  },\n  flex: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexWrap: \"wrap\",\n    width: \"100%\",\n  },\n  DropDownBackgroundMask: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n  },\n  line: {\n    height: 0.5,\n    width: \"100%\",\n  },\n  resetBtn: {\n    width: 112,\n  },\n  confirmBtn: {\n    width: 219,\n    marginLeft: 20,\n  },\n  dropDownItemRadioConatainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 44,\n    paddingTop: 12,\n    paddingBottom: 12,\n    width: \"100%\",\n  },\n  dropDownItemMultiWrapper: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n  },\n  radioNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  radioActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiNormalContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 12,\n    borderRadius: 6,\n  },\n  multiActiveContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 12,\n    borderRadius: 6,\n  },\n  multiNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  label: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n  },\n  dropDownInputContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 40,\n    boxSizing: \"border-box\",\n    width: \"100%\",\n  },\n  input: {\n    height: \"100%\",\n    width: \"40%\",\n    borderRadius: 6,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  inputLine: {\n    width: 12,\n    height: 2,\n    marginLeft: 30,\n    marginRight: 30,\n  },\n  filter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  filterActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  filterNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  more: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.C2FontWeight,\n    marginRight: 4,\n  },\n  moreContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  titleContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    marginBottom: 12,\n    marginTop: 16,\n  },\n  ScrollStyles: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n    boxSizing: \"border-box\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = (themeColor: any) => {\n  const styles = {\n    color: {\n      title: { color: themeColor.Title },\n      primary: { color: themeColor.Primary },\n      paragraph: { color: themeColor.Paragraph },\n      description: { color: themeColor.Description },\n    },\n    backgroundColor: {\n      bg: { backgroundColor: themeColor.Bg },\n      description: { backgroundColor: themeColor.Description },\n      fill5: { backgroundColor: themeColor.Fill5 },\n      fill1: { backgroundColor: themeColor.Fill1 },\n      primary2: { backgroundColor: themeColor.Primary2 },\n      title: { backgroundColor: themeColor.Title },\n    },\n    borderTopColor: {\n      separator: { borderTopColor: themeColor.Separator },\n    },\n    iconColor: {\n      description: themeColor.Description,\n      title: themeColor.Title,\n    },\n  };\n  return styles;\n};\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","mask","width","height","Dimensions","get","position","DropDownContainer","maxHeight","DropDownItemWrapper","display","justifyContent","alignItems","labelContainer","flexDirection","btnContainer","borderTopWidth","borderStyle","flex","flexWrap","DropDownBackgroundMask","line","resetBtn","confirmBtn","marginLeft","dropDownItemRadioConatainer","paddingTop","paddingBottom","dropDownItemMultiWrapper","radioNormalText","fontSize","typography","T3FontSize","fontWeight","B1FontWeight","radioActiveText","multiNormalContainer","padding","marginTop","borderRadius","multiActiveContainer","multiNormalText","multiActiveText","label","T3FontWeight","dropDownInputContainer","boxSizing","input","paddingLeft","paddingRight","inputLine","marginRight","filter","filterActiveText","filterNormalText","more","C2FontWeight","moreContainer","titleContainer","marginBottom","ScrollStyles","getRedsDropDownVariantStyles","themeColor","color","title","Title","primary","Primary","paragraph","Paragraph","description","Description","backgroundColor","bg","Bg","fill5","Fill5","fill1","Fill1","primary2","Primary2","borderTopColor","separator","Separator","iconColor"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/DropDown/styles.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst styles = StyleSheet.create({\n  mask: {\n    width: \"100%\",\n    height: Dimensions.get(\"window\").height,\n    position: \"absolute\",\n  },\n  DropDownContainer: {\n    width: \"100%\",\n    maxHeight: Dimensions.get(\"window\").height * 0.75,\n    position: \"relative\",\n    // paddingLeft: 16,\n    // paddingRight: 16,\n  },\n  DropDownItemWrapper: {\n    maxHeight: \"100%\",\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  labelContainer: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  btnContainer: {\n    width: \"100%\",\n    height: 56,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    borderTopWidth: 0.5,\n    borderStyle: \"solid\",\n  },\n  flex: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexWrap: \"wrap\",\n    width: \"100%\",\n  },\n  DropDownBackgroundMask: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n  },\n  line: {\n    height: 0.5,\n    width: \"100%\",\n  },\n  resetBtn: {\n    width: 112,\n  },\n  confirmBtn: {\n    width: 219,\n    marginLeft: 20,\n  },\n  dropDownItemRadioConatainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 44,\n    paddingTop: 12,\n    paddingBottom: 12,\n    width: \"100%\",\n  },\n  dropDownItemMultiWrapper: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n  },\n  radioNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  radioActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiNormalContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 12,\n    borderRadius: 6,\n  },\n  multiActiveContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 12,\n    borderRadius: 6,\n  },\n  multiNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  label: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n  },\n  dropDownInputContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 40,\n    boxSizing: \"border-box\",\n    width: \"100%\",\n  },\n  input: {\n    height: \"100%\",\n    width: \"40%\",\n    borderRadius: 6,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  inputLine: {\n    width: 12,\n    height: 2,\n    marginLeft: 30,\n    marginRight: 30,\n  },\n  filter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  filterActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  filterNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  more: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.C2FontWeight,\n    marginRight: 4,\n  },\n  moreContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  titleContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    marginBottom: 12,\n    marginTop: 16,\n  },\n  ScrollStyles: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n    boxSizing: \"border-box\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = (themeColor: any) => {\n  const styles = {\n    color: {\n      title: { color: themeColor.Title },\n      primary: { color: themeColor.Primary },\n      paragraph: { color: themeColor.Paragraph },\n      description: { color: themeColor.Description },\n    },\n    backgroundColor: {\n      bg: { backgroundColor: themeColor.Bg },\n      description: { backgroundColor: themeColor.Description },\n      fill5: { backgroundColor: themeColor.Fill5 },\n      fill1: { backgroundColor: themeColor.Fill1 },\n      primary2: { backgroundColor: themeColor.Primary2 },\n      title: { backgroundColor: themeColor.Title },\n    },\n    borderTopColor: {\n      separator: { borderTopColor: themeColor.Separator },\n    },\n    iconColor: {\n      description: themeColor.Description,\n      title: themeColor.Title,\n    },\n  };\n  return styles;\n};\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","mask","width","height","Dimensions","get","position","DropDownContainer","maxHeight","DropDownItemWrapper","display","justifyContent","alignItems","labelContainer","flexDirection","btnContainer","borderTopWidth","borderStyle","flex","flexWrap","DropDownBackgroundMask","line","resetBtn","confirmBtn","marginLeft","dropDownItemRadioConatainer","paddingTop","paddingBottom","dropDownItemMultiWrapper","radioNormalText","fontSize","typography","T3FontSize","fontWeight","B1FontWeight","radioActiveText","multiNormalContainer","padding","marginTop","borderRadius","multiActiveContainer","multiNormalText","multiActiveText","label","T3FontWeight","dropDownInputContainer","boxSizing","input","paddingLeft","paddingRight","inputLine","marginRight","filter","filterActiveText","filterNormalText","more","C2FontWeight","moreContainer","titleContainer","marginBottom","ScrollStyles","getRedsDropDownVariantStyles","themeColor","color","title","Title","primary","Primary","paragraph","Paragraph","description","Description","backgroundColor","bg","Bg","fill5","Fill5","fill1","Fill1","primary2","Primary2","borderTopColor","separator","Separator","iconColor"],"mappings":"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"}

package/lib/esm/components/Tab/Tabs.js

@@ -106,7 +106,6 @@ var Tabs = function Tabs(props) {
       if (!widths.current[index]) {
         widths.current[index] = width;
       }
-      console.log("offsets", offsets);
       var scaleWidth = 100 - ((((_widths$current = widths.current) === null || _widths$current === void 0 ? void 0 : _widths$current[activeIndex]) || 0) - 4);
       var offset = offsets.current[activeIndex];
       (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({

package/lib/esm/components/Tab/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tab/Tabs.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useRef, useCallback } from \"react\";\nimport {\n  View,\n  TouchableWithoutFeedback,\n  Text,\n  ScrollView,\n  Animated,\n  Image,\n  ImageStyle,\n  Dimensions,\n} from \"react-native\";\nimport { RedsTab, TabDefaultProps, TabSizeType } from \"./interface/index\";\nimport createStyles, { getRedsDropDownVariantStyles, getTextStyle } from \"./styles\";\nimport { TabItemType, TabThemeType, TabLayoutType, TabChild } from \"./interface\";\nimport { Icon } from \"../Icon\";\nimport Badge, { BadgeType } from \"../Badge\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nexport const Tab = (props: TabChild) => {\n  return props.children;\n};\n\nconst Tabs = (props: RedsTab) => {\n  useMounted(\"Tabs\");\n  const [activeIndex, setActiveIndex] = useState<number>(0);\n\n  const themeColor = useThemeColor(\"Tab\");\n  const themeTypography = useThemeTypography(\"Tab\");\n\n  const isInitial = useRef(true); // 新增引用跟踪是否为初次加载\n\n  const underlineOpacity = useRef(new Animated.Value(0)).current; // 控制下划线透明度\n\n  const childRefs = useRef<any[]>([]);\n\n  const parentRef = useRef(null);\n\n  const offsets = useRef<number[]>([]);\n\n  const widths = useRef<number[]>([]);\n\n  const underlineOffset = useRef(new Animated.Value(0)).current;\n  const underlineScale = useRef(new Animated.Value(1)).current;\n  const initialWidth = 100;\n\n  const styles = createStyles(props);\n\n  const computedStyle = getRedsDropDownVariantStyles();\n\n  const scrollRef = useRef<any>();\n\n  /**\n   * 列表数据\n   */\n  const list = useMemo(() => {\n    return (\n      React.Children.map(props.children, (child) => {\n        // 检查 child 是否为一个有效的 React 元素\n        if (React.isValidElement(child)) {\n          return child.props;\n        }\n      }) || []\n    );\n  }, [props.children]);\n\n  /**\n   * 不同layout tab容器样式\n   */\n  const containerStyle = useMemo(() => {\n    return [\n      // computedStyle.backgroundColor.bg,\n      props?.layout === TabLayoutType.left\n        ? styles.tabLeftContainer\n        : props?.layout === TabLayoutType.middle\n          ? styles.tabCenterContainer\n          : props?.layout === TabLayoutType.space\n            ? styles.tabSpaceContainer\n            : styles.tabRightContainer,\n    ];\n  }, [props?.layout]);\n\n  /**\n   * text wrapper 样式\n   */\n  const tabItemStyles = useMemo(() => {\n    return {\n      paddingLeft: props.tabPadding,\n      paddingRight: props.tabPadding,\n      ...(props.spaceWidth\n        ? {\n            marginRight: Math.floor(props.spaceWidth / 2),\n            marginLeft: Math.floor(props.spaceWidth / 2),\n          }\n        : {}),\n    };\n  }, [props.tabPadding, props.spaceWidth]);\n\n  useEffect(() => {\n    let activeIdx = 0;\n    list.forEach((i, idx) => {\n      if (i.value === props.active) {\n        activeIdx = idx;\n      }\n    });\n    setActiveIndex(activeIdx);\n  }, [list, props.active]);\n\n  /**\n   * 是否展示icon\n   */\n  const showIcon = (iconPosition: string, item: TabItemType) => {\n    return props?.labelType === iconPosition && item.iconProps?.icon;\n  };\n\n  /**\n   * icon大小\n   */\n  const iconStyle = (item: TabItemType) => {\n    return { width: item.iconProps?.size || 12, height: item.iconProps?.size || 12 };\n  };\n\n  /**\n   * Icon颜色\n   */\n  const iconColor = (item: TabItemType) => {\n    return item.iconProps?.fill;\n  };\n\n  /**\n   * 外层容器\n   */\n  const Wrapper = (wrapperProps: any) => {\n    return props?.layout === TabLayoutType.left ? (\n      <ScrollView\n        horizontal={true}\n        contentOffset={props.contentOffset ? { x: props.contentOffset || 0, y: 0 } : ({} as any)}\n        testID={wrapperProps.testID}\n        showsHorizontalScrollIndicator={false}\n        ref={scrollRef}\n      >\n        {wrapperProps.children}\n      </ScrollView>\n    ) : (\n      wrapperProps.children\n    );\n  };\n\n  /**\n   * 计算tab的layout\n   */\n  const handleTabLayout = (index: number) => {\n    childRefs.current?.[index]?.measureLayout?.(\n      parentRef.current,\n      (x: number, y: number, width: number, height: number) => {\n        if (!offsets.current[index]) {\n          offsets.current[index] = x;\n        }\n        if (!widths.current[index]) {\n          widths.current[index] = width;\n        }\n\n        console.log(\"offsets\", offsets);\n        const scaleWidth = 100 - ((widths.current?.[activeIndex] || 0) - 4);\n        const offset = offsets.current[activeIndex];\n        scrollRef.current?.scrollTo({\n          x: offset > Dimensions.get(\"screen\").width - (widths.current[activeIndex] || 0) ? offset : 0,\n          animated: true,\n        });\n        if (index === activeIndex) {\n          Animated.timing(underlineOffset, {\n            toValue: (offsets.current?.[activeIndex] || 0) + 2 - scaleWidth / 2,\n            duration: isInitial.current ? 0 : 150,\n            useNativeDriver: true,\n          }).start(() => {\n            underlineOffset.setValue((offsets.current?.[activeIndex] || 0) + 2 - scaleWidth / 2);\n          });\n          Animated.timing(underlineScale, {\n            toValue: ((widths.current?.[activeIndex] || 0) - 4) / 100,\n            duration: 0,\n            useNativeDriver: true,\n          }).start(() => {\n            underlineScale.setValue(((widths.current?.[activeIndex] || 0) - 4) / 100);\n          });\n          // 淡入下划线\n          if (isInitial.current) {\n            Animated.timing(underlineOpacity, {\n              toValue: 1,\n              duration: 0,\n              useNativeDriver: true,\n            }).start(() => {\n              underlineOpacity.setValue(1);\n            });\n            isInitial.current = false;\n          }\n        }\n      },\n      (error: any) => {\n        console.error(\"error\", error);\n      },\n    );\n  };\n\n  const { normalText, largeText, smallText, activeText, activeColor, normalColor } = getTextStyle(\n    themeTypography,\n    themeColor,\n  );\n\n  return (\n    <>\n      <Wrapper testID=\"TabContainer\">\n        <View style={[styles.tabWrapper, props.containerStyle]}>\n          {/* 下划线  */}\n          {props.theme === TabThemeType.underline ? (\n            <Animated.View\n              style={[\n                styles.underline,\n                { width: initialWidth },\n                { opacity: underlineOpacity }, // 控制透明度\n                { transform: [{ translateX: underlineOffset }, { scaleX: underlineScale }] },\n                computedStyle.backgroundColor.primary,\n              ]}\n            ></Animated.View>\n          ) : (\n            <></>\n          )}\n          <View style={[...containerStyle]} ref={parentRef}>\n            {list.map((item: TabItemType, index: number) => {\n              return (\n                <TouchableWithoutFeedback\n                  onPress={() => {\n                    setActiveIndex(index);\n                    props?.onChange?.(item.value, index);\n                  }}\n                  key={index + item.value}\n                >\n                  <View\n                    style={[styles.tabItem, tabItemStyles]}\n                    testID={`TabItemContainer${index}`}\n                    key={`TabItemContainer${index}`}\n                  >\n                    {props.badge ? (\n                      <View style={styles.tabItem}>\n                        <Badge {...item.badgeProps}>\n                          <>\n                            {/* 左侧icon */}\n                            {showIcon(\"leftIcon\", item) ? (\n                              <View style={[styles.leftIcon, iconStyle(item)]}>\n                                <Icon\n                                  icon={item.iconProps?.icon}\n                                  fill={iconColor(item)}\n                                  size={item.iconProps?.size || 12}\n                                  type={item.iconProps?.type}\n                                />\n                              </View>\n                            ) : (\n                              <></>\n                            )}\n                            <View\n                              ref={(el: any) => (childRefs.current[index] = el)}\n                              style={styles.flexCenter}\n                              onLayout={() => {\n                                handleTabLayout(index);\n                              }}\n                            >\n                              {/* 图片 */}\n                              {item.image || item.activeImage ? (\n                                <Image\n                                  source={{ uri: props.active === item.value ? item.activeImage : item.image }}\n                                  style={item.imageStyle as ImageStyle}\n                                />\n                              ) : (\n                                <></>\n                              )}\n                              {/* 中间文字 */}\n                              {item.name ? (\n                                <Text\n                                  key={item.name}\n                                  style={{\n                                    ...normalText,\n                                    ...(props.size === TabSizeType.large\n                                      ? largeText\n                                      : props.size === TabSizeType.small\n                                        ? smallText\n                                        : normalText),\n                                    ...(props.active === item.value ? activeText : {}),\n                                    color: props.active === item.value ? activeColor : normalColor,\n                                    ...(props.active === item.value ? props.activeTextStyle : props.textStyle),\n                                  }}\n                                >\n                                  {item.name}\n                                </Text>\n                              ) : (\n                                <></>\n                              )}\n                              {item.labelNumber ? (\n                                <Text\n                                  key={item.labelNumber}\n                                  style={{\n                                    ...normalText,\n                                    ...(props.size === TabSizeType.large\n                                      ? largeText\n                                      : props.size === TabSizeType.small\n                                        ? smallText\n                                        : normalText),\n                                    ...(props.active === item.value ? activeText : {}),\n                                    color: props.active === item.value ? activeColor : normalColor,\n                                  }}\n                                >\n                                  {item.labelNumber || \"\"}\n                                </Text>\n                              ) : (\n                                <></>\n                              )}\n                            </View>\n                            {/* 右侧icon */}\n                            {showIcon(\"rightIcon\", item) ? (\n                              <View style={[styles.rightIcon, iconStyle(item)]}>\n                                <Icon\n                                  icon={item.iconProps?.icon}\n                                  fill={iconColor(item)}\n                                  size={item.iconProps?.size || 12}\n                                  type={item.iconProps?.type}\n                                />\n                              </View>\n                            ) : (\n                              <></>\n                            )}\n                          </>\n                        </Badge>\n                      </View>\n                    ) : (\n                      <View style={styles.tabItem}>\n                        {/* 左侧icon */}\n                        {showIcon(\"leftIcon\", item) ? (\n                          <View style={[styles.leftIcon, iconStyle(item)]}>\n                            <Icon\n                              icon={item.iconProps?.icon}\n                              fill={iconColor(item)}\n                              size={item.iconProps?.size || 12}\n                              type={item.iconProps?.type}\n                            />\n                          </View>\n                        ) : (\n                          <></>\n                        )}\n                        <View\n                          ref={(el: any) => (childRefs.current[index] = el)}\n                          style={styles.flexCenter}\n                          onLayout={() => {\n                            handleTabLayout(index);\n                          }}\n                        >\n                          {/* 图片 */}\n                          {item.image || item.activeImage ? (\n                            <Image\n                              source={{ uri: props.active === item.value ? item.activeImage : item.image }}\n                              style={item.imageStyle as ImageStyle}\n                            />\n                          ) : (\n                            <></>\n                          )}\n                          {/* 中间文字 */}\n                          {item.name ? (\n                            <Text\n                              key={item.name}\n                              style={{\n                                ...normalText,\n                                ...(props.size === TabSizeType.large\n                                  ? largeText\n                                  : props.size === TabSizeType.small\n                                    ? smallText\n                                    : normalText),\n                                ...(props.active === item.value ? activeText : {}),\n                                color: props.active === item.value ? activeColor : normalColor,\n                                ...(props.active === item.value ? props.activeTextStyle : props.textStyle),\n                              }}\n                            >\n                              {item.name}\n                            </Text>\n                          ) : (\n                            <></>\n                          )}\n                          {item.labelNumber ? (\n                            <Text\n                              key={item.labelNumber}\n                              style={{\n                                ...normalText,\n                                ...(props.size === TabSizeType.large\n                                  ? largeText\n                                  : props.size === TabSizeType.small\n                                    ? smallText\n                                    : normalText),\n                                ...(props.active === item.value ? activeText : {}),\n                                color: props.active === item.value ? activeColor : normalColor,\n                              }}\n                            >\n                              {item.labelNumber || \"\"}\n                            </Text>\n                          ) : (\n                            <></>\n                          )}\n                        </View>\n                        {/* 右侧icon */}\n                        {showIcon(\"rightIcon\", item) ? (\n                          <View style={[styles.rightIcon, iconStyle(item)]}>\n                            <Icon\n                              icon={item.iconProps?.icon}\n                              fill={iconColor(item)}\n                              size={item.iconProps?.size || 12}\n                              type={item.iconProps?.type}\n                            />\n                          </View>\n                        ) : (\n                          <></>\n                        )}\n                      </View>\n                    )}\n                  </View>\n                </TouchableWithoutFeedback>\n              );\n            })}\n          </View>\n        </View>\n      </Wrapper>\n      {props.children[activeIndex]}\n    </>\n  );\n};\n\nTabs.defaultProps = TabDefaultProps;\n\nexport default Tabs;\n"],"names":["Tab","props","children","Tabs","useMounted","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","themeColor","useThemeColor","themeTypography","useThemeTypography","isInitial","useRef","underlineOpacity","Animated","Value","current","childRefs","parentRef","offsets","widths","underlineOffset","underlineScale","initialWidth","styles","createStyles","computedStyle","getRedsDropDownVariantStyles","scrollRef","list","useMemo","React","Children","map","child","isValidElement","containerStyle","layout","TabLayoutType","left","tabLeftContainer","middle","tabCenterContainer","space","tabSpaceContainer","tabRightContainer","tabItemStyles","_objectSpread","paddingLeft","tabPadding","paddingRight","spaceWidth","marginRight","Math","floor","marginLeft","useEffect","activeIdx","forEach","i","idx","value","active","showIcon","iconPosition","item","_item$iconProps","labelType","iconProps","icon","iconStyle","_item$iconProps2","_item$iconProps3","width","size","height","iconColor","_item$iconProps4","fill","Wrapper","wrapperProps","createElement","ScrollView","horizontal","contentOffset","x","y","testID","showsHorizontalScrollIndicator","ref","handleTabLayout","index","_childRefs$current","_childRefs$current$me","measureLayout","call","_widths$current","_scrollRef$current","console","log","scaleWidth","offset","scrollTo","Dimensions","get","animated","_offsets$current","_widths$current2","timing","toValue","duration","useNativeDriver","start","_offsets$current2","setValue","_widths$current3","error","_getTextStyle","getTextStyle","normalText","largeText","smallText","activeText","activeColor","normalColor","View","style","tabWrapper","theme","TabThemeType","underline","opacity","transform","translateX","scaleX","backgroundColor","primary","Fragment","_item$iconProps5","_item$iconProps6","_item$iconProps7","_item$iconProps8","_item$iconProps9","_item$iconProps0","_item$iconProps1","_item$iconProps10","_item$iconProps11","_item$iconProps12","_item$iconProps13","_item$iconProps14","TouchableWithoutFeedback","onPress","_props$onChange","onChange","key","tabItem","concat","badge","Badge","badgeProps","leftIcon","Icon","type","el","flexCenter","onLayout","image","activeImage","Image","source","uri","imageStyle","name","Text","TabSizeType","large","small","color","activeTextStyle","textStyle","labelNumber","rightIcon","defaultProps","TabDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tab/Tabs.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, useRef, useCallback } from \"react\";\nimport {\n  View,\n  TouchableWithoutFeedback,\n  Text,\n  ScrollView,\n  Animated,\n  Image,\n  ImageStyle,\n  Dimensions,\n} from \"react-native\";\nimport { RedsTab, TabDefaultProps, TabSizeType } from \"./interface/index\";\nimport createStyles, { getRedsDropDownVariantStyles, getTextStyle } from \"./styles\";\nimport { TabItemType, TabThemeType, TabLayoutType, TabChild } from \"./interface\";\nimport { Icon } from \"../Icon\";\nimport Badge, { BadgeType } from \"../Badge\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\n\nexport const Tab = (props: TabChild) => {\n  return props.children;\n};\n\nconst Tabs = (props: RedsTab) => {\n  useMounted(\"Tabs\");\n  const [activeIndex, setActiveIndex] = useState<number>(0);\n\n  const themeColor = useThemeColor(\"Tab\");\n  const themeTypography = useThemeTypography(\"Tab\");\n\n  const isInitial = useRef(true); // 新增引用跟踪是否为初次加载\n\n  const underlineOpacity = useRef(new Animated.Value(0)).current; // 控制下划线透明度\n\n  const childRefs = useRef<any[]>([]);\n\n  const parentRef = useRef(null);\n\n  const offsets = useRef<number[]>([]);\n\n  const widths = useRef<number[]>([]);\n\n  const underlineOffset = useRef(new Animated.Value(0)).current;\n  const underlineScale = useRef(new Animated.Value(1)).current;\n  const initialWidth = 100;\n\n  const styles = createStyles(props);\n\n  const computedStyle = getRedsDropDownVariantStyles();\n\n  const scrollRef = useRef<any>();\n\n  /**\n   * 列表数据\n   */\n  const list = useMemo(() => {\n    return (\n      React.Children.map(props.children, (child) => {\n        // 检查 child 是否为一个有效的 React 元素\n        if (React.isValidElement(child)) {\n          return child.props;\n        }\n      }) || []\n    );\n  }, [props.children]);\n\n  /**\n   * 不同layout tab容器样式\n   */\n  const containerStyle = useMemo(() => {\n    return [\n      // computedStyle.backgroundColor.bg,\n      props?.layout === TabLayoutType.left\n        ? styles.tabLeftContainer\n        : props?.layout === TabLayoutType.middle\n          ? styles.tabCenterContainer\n          : props?.layout === TabLayoutType.space\n            ? styles.tabSpaceContainer\n            : styles.tabRightContainer,\n    ];\n  }, [props?.layout]);\n\n  /**\n   * text wrapper 样式\n   */\n  const tabItemStyles = useMemo(() => {\n    return {\n      paddingLeft: props.tabPadding,\n      paddingRight: props.tabPadding,\n      ...(props.spaceWidth\n        ? {\n            marginRight: Math.floor(props.spaceWidth / 2),\n            marginLeft: Math.floor(props.spaceWidth / 2),\n          }\n        : {}),\n    };\n  }, [props.tabPadding, props.spaceWidth]);\n\n  useEffect(() => {\n    let activeIdx = 0;\n    list.forEach((i, idx) => {\n      if (i.value === props.active) {\n        activeIdx = idx;\n      }\n    });\n    setActiveIndex(activeIdx);\n  }, [list, props.active]);\n\n  /**\n   * 是否展示icon\n   */\n  const showIcon = (iconPosition: string, item: TabItemType) => {\n    return props?.labelType === iconPosition && item.iconProps?.icon;\n  };\n\n  /**\n   * icon大小\n   */\n  const iconStyle = (item: TabItemType) => {\n    return { width: item.iconProps?.size || 12, height: item.iconProps?.size || 12 };\n  };\n\n  /**\n   * Icon颜色\n   */\n  const iconColor = (item: TabItemType) => {\n    return item.iconProps?.fill;\n  };\n\n  /**\n   * 外层容器\n   */\n  const Wrapper = (wrapperProps: any) => {\n    return props?.layout === TabLayoutType.left ? (\n      <ScrollView\n        horizontal={true}\n        contentOffset={props.contentOffset ? { x: props.contentOffset || 0, y: 0 } : ({} as any)}\n        testID={wrapperProps.testID}\n        showsHorizontalScrollIndicator={false}\n        ref={scrollRef}\n      >\n        {wrapperProps.children}\n      </ScrollView>\n    ) : (\n      wrapperProps.children\n    );\n  };\n\n  /**\n   * 计算tab的layout\n   */\n  const handleTabLayout = (index: number) => {\n    childRefs.current?.[index]?.measureLayout?.(\n      parentRef.current,\n      (x: number, y: number, width: number, height: number) => {\n        if (!offsets.current[index]) {\n          offsets.current[index] = x;\n        }\n        if (!widths.current[index]) {\n          widths.current[index] = width;\n        }\n\n        const scaleWidth = 100 - ((widths.current?.[activeIndex] || 0) - 4);\n        const offset = offsets.current[activeIndex];\n        scrollRef.current?.scrollTo({\n          x: offset > Dimensions.get(\"screen\").width - (widths.current[activeIndex] || 0) ? offset : 0,\n          animated: true,\n        });\n        if (index === activeIndex) {\n          Animated.timing(underlineOffset, {\n            toValue: (offsets.current?.[activeIndex] || 0) + 2 - scaleWidth / 2,\n            duration: isInitial.current ? 0 : 150,\n            useNativeDriver: true,\n          }).start(() => {\n            underlineOffset.setValue((offsets.current?.[activeIndex] || 0) + 2 - scaleWidth / 2);\n          });\n          Animated.timing(underlineScale, {\n            toValue: ((widths.current?.[activeIndex] || 0) - 4) / 100,\n            duration: 0,\n            useNativeDriver: true,\n          }).start(() => {\n            underlineScale.setValue(((widths.current?.[activeIndex] || 0) - 4) / 100);\n          });\n          // 淡入下划线\n          if (isInitial.current) {\n            Animated.timing(underlineOpacity, {\n              toValue: 1,\n              duration: 0,\n              useNativeDriver: true,\n            }).start(() => {\n              underlineOpacity.setValue(1);\n            });\n            isInitial.current = false;\n          }\n        }\n      },\n      (error: any) => {\n        console.error(\"error\", error);\n      },\n    );\n  };\n\n  const { normalText, largeText, smallText, activeText, activeColor, normalColor } = getTextStyle(\n    themeTypography,\n    themeColor,\n  );\n\n  return (\n    <>\n      <Wrapper testID=\"TabContainer\">\n        <View style={[styles.tabWrapper, props.containerStyle]}>\n          {/* 下划线  */}\n          {props.theme === TabThemeType.underline ? (\n            <Animated.View\n              style={[\n                styles.underline,\n                { width: initialWidth },\n                { opacity: underlineOpacity }, // 控制透明度\n                { transform: [{ translateX: underlineOffset }, { scaleX: underlineScale }] },\n                computedStyle.backgroundColor.primary,\n              ]}\n            ></Animated.View>\n          ) : (\n            <></>\n          )}\n          <View style={[...containerStyle]} ref={parentRef}>\n            {list.map((item: TabItemType, index: number) => {\n              return (\n                <TouchableWithoutFeedback\n                  onPress={() => {\n                    setActiveIndex(index);\n                    props?.onChange?.(item.value, index);\n                  }}\n                  key={index + item.value}\n                >\n                  <View\n                    style={[styles.tabItem, tabItemStyles]}\n                    testID={`TabItemContainer${index}`}\n                    key={`TabItemContainer${index}`}\n                  >\n                    {props.badge ? (\n                      <View style={styles.tabItem}>\n                        <Badge {...item.badgeProps}>\n                          <>\n                            {/* 左侧icon */}\n                            {showIcon(\"leftIcon\", item) ? (\n                              <View style={[styles.leftIcon, iconStyle(item)]}>\n                                <Icon\n                                  icon={item.iconProps?.icon}\n                                  fill={iconColor(item)}\n                                  size={item.iconProps?.size || 12}\n                                  type={item.iconProps?.type}\n                                />\n                              </View>\n                            ) : (\n                              <></>\n                            )}\n                            <View\n                              ref={(el: any) => (childRefs.current[index] = el)}\n                              style={styles.flexCenter}\n                              onLayout={() => {\n                                handleTabLayout(index);\n                              }}\n                            >\n                              {/* 图片 */}\n                              {item.image || item.activeImage ? (\n                                <Image\n                                  source={{ uri: props.active === item.value ? item.activeImage : item.image }}\n                                  style={item.imageStyle as ImageStyle}\n                                />\n                              ) : (\n                                <></>\n                              )}\n                              {/* 中间文字 */}\n                              {item.name ? (\n                                <Text\n                                  key={item.name}\n                                  style={{\n                                    ...normalText,\n                                    ...(props.size === TabSizeType.large\n                                      ? largeText\n                                      : props.size === TabSizeType.small\n                                        ? smallText\n                                        : normalText),\n                                    ...(props.active === item.value ? activeText : {}),\n                                    color: props.active === item.value ? activeColor : normalColor,\n                                    ...(props.active === item.value ? props.activeTextStyle : props.textStyle),\n                                  }}\n                                >\n                                  {item.name}\n                                </Text>\n                              ) : (\n                                <></>\n                              )}\n                              {item.labelNumber ? (\n                                <Text\n                                  key={item.labelNumber}\n                                  style={{\n                                    ...normalText,\n                                    ...(props.size === TabSizeType.large\n                                      ? largeText\n                                      : props.size === TabSizeType.small\n                                        ? smallText\n                                        : normalText),\n                                    ...(props.active === item.value ? activeText : {}),\n                                    color: props.active === item.value ? activeColor : normalColor,\n                                  }}\n                                >\n                                  {item.labelNumber || \"\"}\n                                </Text>\n                              ) : (\n                                <></>\n                              )}\n                            </View>\n                            {/* 右侧icon */}\n                            {showIcon(\"rightIcon\", item) ? (\n                              <View style={[styles.rightIcon, iconStyle(item)]}>\n                                <Icon\n                                  icon={item.iconProps?.icon}\n                                  fill={iconColor(item)}\n                                  size={item.iconProps?.size || 12}\n                                  type={item.iconProps?.type}\n                                />\n                              </View>\n                            ) : (\n                              <></>\n                            )}\n                          </>\n                        </Badge>\n                      </View>\n                    ) : (\n                      <View style={styles.tabItem}>\n                        {/* 左侧icon */}\n                        {showIcon(\"leftIcon\", item) ? (\n                          <View style={[styles.leftIcon, iconStyle(item)]}>\n                            <Icon\n                              icon={item.iconProps?.icon}\n                              fill={iconColor(item)}\n                              size={item.iconProps?.size || 12}\n                              type={item.iconProps?.type}\n                            />\n                          </View>\n                        ) : (\n                          <></>\n                        )}\n                        <View\n                          ref={(el: any) => (childRefs.current[index] = el)}\n                          style={styles.flexCenter}\n                          onLayout={() => {\n                            handleTabLayout(index);\n                          }}\n                        >\n                          {/* 图片 */}\n                          {item.image || item.activeImage ? (\n                            <Image\n                              source={{ uri: props.active === item.value ? item.activeImage : item.image }}\n                              style={item.imageStyle as ImageStyle}\n                            />\n                          ) : (\n                            <></>\n                          )}\n                          {/* 中间文字 */}\n                          {item.name ? (\n                            <Text\n                              key={item.name}\n                              style={{\n                                ...normalText,\n                                ...(props.size === TabSizeType.large\n                                  ? largeText\n                                  : props.size === TabSizeType.small\n                                    ? smallText\n                                    : normalText),\n                                ...(props.active === item.value ? activeText : {}),\n                                color: props.active === item.value ? activeColor : normalColor,\n                                ...(props.active === item.value ? props.activeTextStyle : props.textStyle),\n                              }}\n                            >\n                              {item.name}\n                            </Text>\n                          ) : (\n                            <></>\n                          )}\n                          {item.labelNumber ? (\n                            <Text\n                              key={item.labelNumber}\n                              style={{\n                                ...normalText,\n                                ...(props.size === TabSizeType.large\n                                  ? largeText\n                                  : props.size === TabSizeType.small\n                                    ? smallText\n                                    : normalText),\n                                ...(props.active === item.value ? activeText : {}),\n                                color: props.active === item.value ? activeColor : normalColor,\n                              }}\n                            >\n                              {item.labelNumber || \"\"}\n                            </Text>\n                          ) : (\n                            <></>\n                          )}\n                        </View>\n                        {/* 右侧icon */}\n                        {showIcon(\"rightIcon\", item) ? (\n                          <View style={[styles.rightIcon, iconStyle(item)]}>\n                            <Icon\n                              icon={item.iconProps?.icon}\n                              fill={iconColor(item)}\n                              size={item.iconProps?.size || 12}\n                              type={item.iconProps?.type}\n                            />\n                          </View>\n                        ) : (\n                          <></>\n                        )}\n                      </View>\n                    )}\n                  </View>\n                </TouchableWithoutFeedback>\n              );\n            })}\n          </View>\n        </View>\n      </Wrapper>\n      {props.children[activeIndex]}\n    </>\n  );\n};\n\nTabs.defaultProps = TabDefaultProps;\n\nexport default Tabs;\n"],"names":["Tab","props","children","Tabs","useMounted","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","themeColor","useThemeColor","themeTypography","useThemeTypography","isInitial","useRef","underlineOpacity","Animated","Value","current","childRefs","parentRef","offsets","widths","underlineOffset","underlineScale","initialWidth","styles","createStyles","computedStyle","getRedsDropDownVariantStyles","scrollRef","list","useMemo","React","Children","map","child","isValidElement","containerStyle","layout","TabLayoutType","left","tabLeftContainer","middle","tabCenterContainer","space","tabSpaceContainer","tabRightContainer","tabItemStyles","_objectSpread","paddingLeft","tabPadding","paddingRight","spaceWidth","marginRight","Math","floor","marginLeft","useEffect","activeIdx","forEach","i","idx","value","active","showIcon","iconPosition","item","_item$iconProps","labelType","iconProps","icon","iconStyle","_item$iconProps2","_item$iconProps3","width","size","height","iconColor","_item$iconProps4","fill","Wrapper","wrapperProps","createElement","ScrollView","horizontal","contentOffset","x","y","testID","showsHorizontalScrollIndicator","ref","handleTabLayout","index","_childRefs$current","_childRefs$current$me","measureLayout","call","_widths$current","_scrollRef$current","scaleWidth","offset","scrollTo","Dimensions","get","animated","_offsets$current","_widths$current2","timing","toValue","duration","useNativeDriver","start","_offsets$current2","setValue","_widths$current3","error","console","_getTextStyle","getTextStyle","normalText","largeText","smallText","activeText","activeColor","normalColor","View","style","tabWrapper","theme","TabThemeType","underline","opacity","transform","translateX","scaleX","backgroundColor","primary","Fragment","_item$iconProps5","_item$iconProps6","_item$iconProps7","_item$iconProps8","_item$iconProps9","_item$iconProps0","_item$iconProps1","_item$iconProps10","_item$iconProps11","_item$iconProps12","_item$iconProps13","_item$iconProps14","TouchableWithoutFeedback","onPress","_props$onChange","onChange","key","tabItem","concat","badge","Badge","badgeProps","leftIcon","Icon","type","el","flexCenter","onLayout","image","activeImage","Image","source","uri","imageStyle","name","Text","TabSizeType","large","small","color","activeTextStyle","textStyle","labelNumber","rightIcon","defaultProps","TabDefaultProps"],"mappings":"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"}

package/lib/src/components/Alert/styles.d.ts

@@ -83,16 +83,16 @@ export declare const style: (props: RedsAlert) => {
     };
     footerVertical: {
         flexDirection: "column-reverse";
-        justifyContent: "center";
         alignItems: "center";
         height: number;
         paddingHorizontal: number;
     };
-    textButton: {
+    cancelButton: {
         flex: number;
         width: number;
         margin: number;
         paddingHorizontal: number;
+        height: number;
     };
     button: {
         flex: number;
@@ -116,10 +116,26 @@ export declare const style: (props: RedsAlert) => {
         flex: number;
         width: "100%";
         margin: number;
+        marginLeft: number;
         marginTop: number;
+        marginBottom: number;
         height: number;
         paddingHorizontal: number;
     };
+    verCancelButton: {
+        flex: number;
+        width: "100%";
+        margin: number;
+        marginLeft: number;
+        marginTop: number;
+        marginBottom: number;
+        height: number;
+        paddingHorizontal: number;
+    };
+    cancelText: {
+        color: string;
+        fontSize: number;
+    };
     horizontalLine: {
         width: "100%";
         height: number;

package/lib/src/components/Button/styleMap.d.ts

@@ -45,6 +45,7 @@ export declare const getStyles: (props: RedsButton) => {
         borderColor: string;
     };
     block: {
+        alignSelf: "stretch";
         width: "100%";
     };
 };

package/lib/src/components/DropDown/styles.d.ts

@@ -68,7 +68,7 @@ declare const styles: {
     dropDownItemMultiWrapper: {
         display: "flex";
         alignItems: "center";
-        justifyContent: "space-between";
+        justifyContent: "flex-start";
         flexDirection: "row";
         flexWrap: "wrap";
     };

package/lib/types/components/Alert/styles.d.ts

@@ -83,16 +83,16 @@ export declare const style: (props: RedsAlert) => {
     };
     footerVertical: {
         flexDirection: "column-reverse";
-        justifyContent: "center";
         alignItems: "center";
         height: number;
         paddingHorizontal: number;
     };
-    textButton: {
+    cancelButton: {
         flex: number;
         width: number;
         margin: number;
         paddingHorizontal: number;
+        height: number;
     };
     button: {
         flex: number;
@@ -116,10 +116,26 @@ export declare const style: (props: RedsAlert) => {
         flex: number;
         width: "100%";
         margin: number;
+        marginLeft: number;
         marginTop: number;
+        marginBottom: number;
         height: number;
         paddingHorizontal: number;
     };
+    verCancelButton: {
+        flex: number;
+        width: "100%";
+        margin: number;
+        marginLeft: number;
+        marginTop: number;
+        marginBottom: number;
+        height: number;
+        paddingHorizontal: number;
+    };
+    cancelText: {
+        color: string;
+        fontSize: number;
+    };
     horizontalLine: {
         width: "100%";
         height: number;

package/lib/types/components/Button/styleMap.d.ts

@@ -45,6 +45,7 @@ export declare const getStyles: (props: RedsButton) => {
         borderColor: string;
     };
     block: {
+        alignSelf: "stretch";
         width: "100%";
     };
 };

package/lib/types/components/DropDown/styles.d.ts

@@ -68,7 +68,7 @@ declare const styles: {
     dropDownItemMultiWrapper: {
         display: "flex";
         alignItems: "center";
-        justifyContent: "space-between";
+        justifyContent: "flex-start";
         flexDirection: "row";
         flexWrap: "wrap";
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.8.1-beta202510161437",
+  "version": "0.8.1-beta202510161931",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
@@ -26,7 +26,7 @@
     "react-native-fs": "2.20.0",
     "react-native-svg": "13.14.0",
     "@xhs/react-native-harmony": "*",
-    "@xhsreds/reds-token-next": "0.8.1-beta202510161437"
+    "@xhsreds/reds-token-next": "0.8.1-beta202510161931"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

package/src/components/Alert/Alert.tsx

@@ -199,9 +199,13 @@ const Alert: React.FC<RedsAlert> = (props) => {
                   <Button
                     variant={footerType === "text" ? "text" : "outline"}
                     onClick={handleCancel}
-                    style={{ ...(footerLayout === "vertical" ? styles.verButton : styles.button), ...cancelBtnStyle }}
-                    size={footerType === "text" ? "large" : "medium"}
+                    style={{
+                      ...(footerLayout === "vertical" ? styles.verCancelButton : styles.cancelButton),
+                      ...cancelBtnStyle,
+                    }}
+                    size={footerType === "text" ? (footerLayout === "vertical" ? "medium" : "large") : "medium"}
                     {...(props.cancelBtnProps || {})}
+                    textStyle={styles.cancelText}
                   >
                     {cancelText || cancelKey}
                   </Button>
@@ -222,10 +226,11 @@ const Alert: React.FC<RedsAlert> = (props) => {
                     onClick={handleConfirm}
                     style={{
                       ...(footerType === "text" ? styles.button : styles.confirmButton),
+                      ...(footerLayout === "vertical" ? styles.verButton : styles.confirmButton),
                       ...confirmBtnStyle,
                     }}
                     textStyle={confirmBtnTextStyle}
-                    size={footerType === "text" ? "large" : "medium"}
+                    size={footerType === "text" ? (footerLayout === "vertical" ? "medium" : "large") : "medium"}
                     {...(props.confirmBtnProps || {})}
                   >
                     {confirmText || confirmKey}

package/src/components/Alert/styles.ts

@@ -90,16 +90,16 @@ export const style = (props: RedsAlert) => {
     },
     footerVertical: {
       flexDirection: "column-reverse",
-      justifyContent: "center",
       alignItems: "center",
       height: 100,
       paddingHorizontal: 20,
     },
-    textButton: {
+    cancelButton: {
       flex: 1,
       width: 109,
       margin: 0,
       paddingHorizontal: 0,
+      height: 36,
     },
     button: {
       flex: 1,
@@ -120,13 +120,29 @@ export const style = (props: RedsAlert) => {
       paddingHorizontal: 20,
     },
     verButton: {
-      flex: 1,
+      flex: 0,
       width: "100%",
       margin: 0,
-      marginTop: props.footerType === "text" && props.footerLayout === "vertical" ? 0 : 10,
+      marginLeft: props.footerLayout === "vertical" ? 0 : 10,
+      marginTop: props.footerType === "text" ? 7 : props.footerLayout === "vertical" ? 7 : 10,
+      marginBottom: props.footerLayout === "vertical" ? 7 : 0,
       height: 36,
       paddingHorizontal: 20,
     },
+    verCancelButton: {
+      flex: 0,
+      width: "100%",
+      margin: 0,
+      marginLeft: props.footerLayout === "vertical" ? 0 : 10,
+      marginTop: props.footerType === "text" ? 7 : props.footerLayout === "vertical" ? 7 : 10,
+      marginBottom: props.footerLayout === "vertical" ? 7 : 0,
+      height: 36,
+      paddingHorizontal: 20,
+    },
+    cancelText: {
+      color: themeColor.Description,
+      fontSize: 12,
+    },
     horizontalLine: {
       width: "100%",
       height: 0.5,

package/src/components/Button/styleMap.ts

@@ -56,7 +56,7 @@ export const getStyles = (props: RedsButton) => {
         : {}),
     },
     block: {
-      // alignSelf: "stretch",
+      alignSelf: "stretch",
       width: "100%",
     },
   });