@xhsreds/reds-rn-next 0.10.1-beta202511201716 → 0.10.1-beta202511211532

package/lib/cjs/components/PickerView/Wheel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wheel.js","sources":["../../../../src/components/PickerView/Wheel.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent, ScrollView, View, Text, TouchableNativeFeedback } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nimport { RedsWheel, Column } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst itemHeight = 40;\n\nconst Wheel = (props: RedsWheel) => {\n  const { value, column = [], onSelect = () => {}, accessibility = {} } = props;\n\n  /**\n   * 滚动ref\n   */\n  const scrollerRef = useRef();\n\n  /**\n   * themeColor\n   */\n  const themeColor = useThemeColor();\n\n  /**\n   * index\n   */\n  const [index, setIndex] = useState<any>();\n\n  /**\n   * 初始化滚动高度\n   */\n  useEffect(() => {\n    value && setIndex(getSelectIndex(column, value));\n  }, [column, value]);\n\n  useEffect(() => {\n    const newVal = column?.[index]?.value;\n    scrollTo(index * itemHeight);\n    if (newVal) {\n      onSelect(newVal, props.index);\n    }\n  }, [index, props.index]);\n\n  /**\n   * 滚动ScrollView\n   * @param y 滚动距离\n   */\n  const scrollTo = (y: any) => {\n    setTimeout(() => {\n      // @ts-ignore\n      scrollerRef?.current?.scrollTo?.({\n        y,\n        animated: true,\n      });\n    });\n  };\n\n  /**\n   * 计算当前滚动高度\n   * @param column 数组\n   * @param value 选中值\n   * @returns\n   */\n  const getSelectIndex = (column: Column[], value?: string) => {\n    return value\n      ? Math.max(\n          column.findIndex((item) => {\n            if (isNaN(parseInt(item.value)) || isNaN(parseInt(value))) {\n              return value && item.value === value;\n            } else {\n              return value && parseInt(item.value) === parseInt(value);\n            }\n          }),\n          0,\n        )\n      : 0;\n  };\n\n  /**\n   * 结束滚动\n   * @param e\n   */\n  const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    e.persist?.();\n    let contentOffset = e.nativeEvent.contentOffset;\n    const selectIndex = Math.round(contentOffset.y / itemHeight);\n    setIndex(selectIndex);\n  };\n\n  const handleClick = (index: number) => {\n    setIndex(index);\n  };\n\n  /**\n   * 渲染item\n   * @returns ReactNode\n   */\n  const renderItems = () => {\n    return column.map((item, index) => (\n      <TouchableNativeFeedback onPress={() => handleClick(index)} key={item.value}>\n        <View\n          style={[styles.wheel, { height: itemHeight, backgroundColor: themeColor.Bg2 }]}\n          key={item.value}\n          {...item.accessibility}\n        >\n          <Text {...item.accessibility} style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n            {item.label}\n          </Text>\n        </View>\n      </TouchableNativeFeedback>\n    ));\n  };\n\n  return (\n    <ScrollView\n      style={{ flex: 1 }}\n      nestedScrollEnabled\n      horizontal={false}\n      ref={(el: any) => (scrollerRef.current = el)}\n      showsHorizontalScrollIndicator={false}\n      showsVerticalScrollIndicator={false}\n      pagingEnabled={false}\n      automaticallyAdjustContentInsets={false}\n      directionalLockEnabled={true}\n      decelerationRate=\"fast\"\n      snapToInterval={itemHeight}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      testID={`wheel${props.index}`}\n      {...accessibility}\n    >\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n      {renderItems()}\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n    </ScrollView>\n  );\n};\n\nexport default Wheel;\n"],"names":["itemHeight","Wheel","props","value","_props$column","column","_props$onSelect","onSelect","_props$accessibility","accessibility","scrollerRef","useRef","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","index","setIndex","useEffect","getSelectIndex","_column$index","newVal","scrollTo","y","setTimeout","_scrollerRef$current","_scrollerRef$current$","current","call","animated","Math","max","findIndex","item","isNaN","parseInt","onMomentumScrollEnd","e","_e$persist","persist","contentOffset","nativeEvent","selectIndex","round","handleClick","renderItems","map","React","createElement","TouchableNativeFeedback","onPress","key","View","_objectSpread","style","styles","wheel","height","backgroundColor","Bg2","Text","color","Title","fontSize","typography","B1FontSize","label","ScrollView","flex","nestedScrollEnabled","horizontal","ref","el","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","pagingEnabled","automaticallyAdjustContentInsets","directionalLockEnabled","decelerationRate","snapToInterval","testID","concat"],"mappings":"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"}
+{"version":3,"file":"Wheel.js","sources":["../../../../src/components/PickerView/Wheel.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent, ScrollView, View, Text, TouchableNativeFeedback } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nimport { RedsWheel, Column } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst itemHeight = 40;\n\nconst Wheel = (props: RedsWheel) => {\n  const { value, column = [], onSelect = () => {}, accessibility = {} } = props;\n\n  /**\n   * 滚动ref\n   */\n  const scrollerRef = useRef();\n\n  /**\n   * themeColor\n   */\n  const themeColor = useThemeColor();\n\n  const [lastValue, setLastValue] = useState(value);\n\n  /**\n   * 初始化滚动高度\n   */\n  useEffect(() => {\n    if (value !== lastValue) {\n      const idx = getSelectIndex(column, value);\n      handleScroll(idx);\n    }\n  }, [column, value]);\n\n  const handleScroll = (idx: number) => {\n    const newVal = column?.[idx]?.value;\n    scrollTo(idx * itemHeight);\n    if (newVal) {\n      setLastValue(newVal);\n      onSelect(newVal, props.index);\n    }\n  };\n\n  /**\n   * 滚动ScrollView\n   * @param y 滚动距离\n   */\n  const scrollTo = (y: any) => {\n    setTimeout(() => {\n      // @ts-ignore\n      scrollerRef?.current?.scrollTo?.({\n        y,\n        animated: true,\n      });\n    });\n  };\n\n  /**\n   * 计算当前滚动高度\n   * @param column 数组\n   * @param value 选中值\n   * @returns\n   */\n  const getSelectIndex = (column: Column[], value?: string) => {\n    return value\n      ? Math.max(\n          column.findIndex((item) => {\n            if (isNaN(parseInt(item.value)) || isNaN(parseInt(value))) {\n              return value && item.value === value;\n            } else {\n              return value && parseInt(item.value) === parseInt(value);\n            }\n          }),\n          0,\n        )\n      : 0;\n  };\n\n  /**\n   * 结束滚动\n   * @param e\n   */\n  const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    e.persist?.();\n    let contentOffset = e.nativeEvent.contentOffset;\n    const selectIndex = Math.round(contentOffset.y / itemHeight);\n    const newVal = column?.[selectIndex]?.value;\n    setLastValue(newVal);\n    onSelect(newVal, props.index);\n  };\n\n  const handleClick = (index: number) => {\n    handleScroll(index);\n  };\n\n  /**\n   * 渲染item\n   * @returns ReactNode\n   */\n  const renderItems = () => {\n    return column.map((item, index) => (\n      <TouchableNativeFeedback onPress={() => handleClick(index)} key={item.value}>\n        <View\n          style={[styles.wheel, { height: itemHeight, backgroundColor: themeColor.Bg2 }]}\n          key={item.value}\n          {...item.accessibility}\n        >\n          <Text {...item.accessibility} style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n            {item.label}\n          </Text>\n        </View>\n      </TouchableNativeFeedback>\n    ));\n  };\n\n  return (\n    <ScrollView\n      style={{ flex: 1 }}\n      nestedScrollEnabled\n      horizontal={false}\n      ref={(el: any) => (scrollerRef.current = el)}\n      showsHorizontalScrollIndicator={false}\n      showsVerticalScrollIndicator={false}\n      pagingEnabled={false}\n      automaticallyAdjustContentInsets={false}\n      directionalLockEnabled={true}\n      decelerationRate=\"fast\"\n      snapToInterval={itemHeight}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      testID={`wheel${props.index}`}\n      {...accessibility}\n    >\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n      {renderItems()}\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n    </ScrollView>\n  );\n};\n\nexport default Wheel;\n"],"names":["itemHeight","Wheel","props","value","_props$column","column","_props$onSelect","onSelect","_props$accessibility","accessibility","scrollerRef","useRef","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","lastValue","setLastValue","useEffect","idx","getSelectIndex","handleScroll","_column$idx","newVal","scrollTo","index","y","setTimeout","_scrollerRef$current","_scrollerRef$current$","current","call","animated","Math","max","findIndex","item","isNaN","parseInt","onMomentumScrollEnd","e","_e$persist","_column$selectIndex","persist","contentOffset","nativeEvent","selectIndex","round","handleClick","renderItems","map","React","createElement","TouchableNativeFeedback","onPress","key","View","_objectSpread","style","styles","wheel","height","backgroundColor","Bg2","Text","color","Title","fontSize","typography","B1FontSize","label","ScrollView","flex","nestedScrollEnabled","horizontal","ref","el","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","pagingEnabled","automaticallyAdjustContentInsets","directionalLockEnabled","decelerationRate","snapToInterval","testID","concat"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '@xhsreds/reds-token-next';
+import { alwaysColor } from '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var avatarSizeToTagMargin = {
@@ -169,7 +169,7 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
     liveTextSmall: {
       fontSize: 8,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
       display: "flex",
       justifyContent: "center",
       alignItems: "center"
@@ -177,18 +177,18 @@ var getLiveTextStyles = function getLiveTextStyles(size, liveIcon) {
     liveTextMedium: {
       fontSize: 8,
       textAlign: "center",
-      color: themeColor.White
+      color: alwaysColor.White
     },
     liveTextLarge: {
       fontSize: typography.C3FontSize,
       fontWeight: typography.C3FontWeight,
       textAlign: "center",
-      color: themeColor.White
+      color: alwaysColor.White
     },
     liveTextXLarge: {
       fontSize: typography.C2FontSize,
       textAlign: "center",
-      color: themeColor.White
+      color: alwaysColor.White
     }
   });
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from \"react-native\";\nimport { useThemeTypography, useThemeColor } from \"../ConfigProvider\";\n\nconst avatarSizeToTagMargin = {\n  small: -4,\n  medium: -6,\n  large: -8,\n  xlarge: -10,\n};\n\nconst sizeRanges = [{ \"16-28\": \"small\" }, { \"28-44\": \"medium\" }, { \"48-64\": \"large\" }, { \"68-80\": \"xlarge\" }];\n\ntype AvatarSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\n\nconst getSizeType = (value: number) => {\n  const res = sizeRanges.filter((obj) => {\n    const [min, max] = Object.keys(obj)[0].split(\"-\");\n    return value >= +min && value <= +max;\n  });\n  return res && res.length > 0 ? Object.values(res[0])[0] : \"large\";\n};\n\nexport const getAvatarStyles = (width: number, size: number | AvatarSize, outlineColor: string, borderNum?: number) => {\n  let sizeType = typeof size === \"number\" ? (getSizeType(width) as AvatarSize) : (size as AvatarSize);\n  const themeColor = useThemeColor(\"Avatar\");\n  let borderWidth =\n    typeof borderNum === \"number\" ? borderNum : sizeType === \"xlarge\" ? 2 : sizeType === \"large\" ? 1.5 : 1;\n\n  const styles = StyleSheet.create({\n    container: {\n      borderWidth: 0,\n      width: width + borderWidth * 4,\n      height: width + borderWidth * 4,\n      borderRadius: (width + 100) / 2,\n      position: \"absolute\",\n    },\n    img: {\n      width: width,\n      height: width,\n      borderRadius: width / 2,\n      zIndex: 100,\n    },\n    outContainer: {\n      width: width,\n      height: width,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  });\n\n  const liveStyles = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth,\n    },\n  });\n  const liveStylesSecondary = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth: borderWidth,\n    },\n  });\n\n  return {\n    styles,\n    liveStyles,\n    liveStylesSecondary,\n    sizeType,\n    borderWidth,\n  };\n};\n\nexport const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {\n  const typography = useThemeTypography(\"Avatar\");\n  const themeColor = useThemeColor(\"Avatar\");\n  const tagMargin = avatarSizeToTagMargin[size];\n  const tagContainerStyles = StyleSheet.create({\n    outContainer: {\n      position: \"absolute\",\n      bottom: tagMargin,\n      zIndex: 100,\n    },\n    container: {\n      position: \"relative\",\n      overflow: \"hidden\",\n      width: \"100%\",\n      borderRadius: 60,\n    },\n    animatedLight: {\n      height: 30,\n      bottom: 0,\n      position: \"absolute\",\n      width: 6,\n    },\n  });\n  const tagStyles = StyleSheet.create({\n    text: {\n      fontSize: 7,\n      lineHeight: 10,\n      paddingHorizontal: 0,\n    },\n    container: {\n      width: \"auto\",\n      paddingHorizontal: 3,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    avatarLiveTag: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: themeColor.Primary,\n      borderRadius: 99,\n      opacity: 1,\n      zIndex: 999,\n    },\n    liveSmall: {\n      fontSize: 8,\n      minWidth: liveIcon ? 32 : 24,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      paddingHorizontal: liveIcon ? 4 : 0,\n    },\n    liveMedium: {\n      fontSize: 8,\n      minWidth: liveIcon ? 34 : 26,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveLarge: {\n      fontSize: typography.C3FontSize,\n      minWidth: liveIcon ? 44 : 34,\n      paddingVertical: 2,\n      // height: 16,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontWeight: typography.C3FontWeight,\n    },\n    liveXLarge: {\n      fontSize: typography.C2FontSize,\n      minWidth: liveIcon ? 56 : 42,\n      paddingVertical: 2,\n      // height: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextSmall: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: themeColor.White,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextMedium: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n    liveTextLarge: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n    liveTextXLarge: {\n      fontSize: typography.C2FontSize,\n      textAlign: \"center\",\n      color: themeColor.White,\n    },\n  });\n\n  return {\n    tagMargin,\n    tagContainerStyles,\n    tagStyles,\n  };\n};\n"],"names":["avatarSizeToTagMargin","small","medium","large","xlarge","sizeRanges","getSizeType","value","res","filter","obj","_Object$keys$0$split","Object","keys","split","_Object$keys$0$split2","_slicedToArray","min","max","length","values","getAvatarStyles","width","size","outlineColor","borderNum","sizeType","themeColor","useThemeColor","borderWidth","styles","StyleSheet","create","container","height","borderRadius","position","img","zIndex","outContainer","display","alignItems","justifyContent","liveStyles","borderColor","liveStylesSecondary","getLiveTextStyles","liveIcon","typography","useThemeTypography","tagMargin","tagContainerStyles","bottom","overflow","animatedLight","tagStyles","text","fontSize","lineHeight","paddingHorizontal","flexDirection","avatarLiveTag","backgroundColor","Primary","opacity","liveSmall","minWidth","paddingVertical","liveMedium","liveLarge","C3FontSize","fontWeight","C3FontWeight","liveXLarge","C2FontSize","liveTextSmall","textAlign","color","White","liveTextMedium","liveTextLarge","liveTextXLarge"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from \"react-native\";\nimport { useThemeTypography, useThemeColor } from \"../ConfigProvider\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst avatarSizeToTagMargin = {\n  small: -4,\n  medium: -6,\n  large: -8,\n  xlarge: -10,\n};\n\nconst sizeRanges = [{ \"16-28\": \"small\" }, { \"28-44\": \"medium\" }, { \"48-64\": \"large\" }, { \"68-80\": \"xlarge\" }];\n\ntype AvatarSize = \"small\" | \"medium\" | \"large\" | \"xlarge\";\n\nconst getSizeType = (value: number) => {\n  const res = sizeRanges.filter((obj) => {\n    const [min, max] = Object.keys(obj)[0].split(\"-\");\n    return value >= +min && value <= +max;\n  });\n  return res && res.length > 0 ? Object.values(res[0])[0] : \"large\";\n};\n\nexport const getAvatarStyles = (width: number, size: number | AvatarSize, outlineColor: string, borderNum?: number) => {\n  let sizeType = typeof size === \"number\" ? (getSizeType(width) as AvatarSize) : (size as AvatarSize);\n  const themeColor = useThemeColor(\"Avatar\");\n  let borderWidth =\n    typeof borderNum === \"number\" ? borderNum : sizeType === \"xlarge\" ? 2 : sizeType === \"large\" ? 1.5 : 1;\n\n  const styles = StyleSheet.create({\n    container: {\n      borderWidth: 0,\n      width: width + borderWidth * 4,\n      height: width + borderWidth * 4,\n      borderRadius: (width + 100) / 2,\n      position: \"absolute\",\n    },\n    img: {\n      width: width,\n      height: width,\n      borderRadius: width / 2,\n      zIndex: 100,\n    },\n    outContainer: {\n      width: width,\n      height: width,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  });\n\n  const liveStyles = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth,\n    },\n  });\n  const liveStylesSecondary = StyleSheet.create({\n    container: {\n      // @ts-ignore\n      borderColor: themeColor[outlineColor] || outlineColor,\n      borderWidth: borderWidth,\n    },\n  });\n\n  return {\n    styles,\n    liveStyles,\n    liveStylesSecondary,\n    sizeType,\n    borderWidth,\n  };\n};\n\nexport const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {\n  const typography = useThemeTypography(\"Avatar\");\n  const themeColor = useThemeColor(\"Avatar\");\n  const tagMargin = avatarSizeToTagMargin[size];\n  const tagContainerStyles = StyleSheet.create({\n    outContainer: {\n      position: \"absolute\",\n      bottom: tagMargin,\n      zIndex: 100,\n    },\n    container: {\n      position: \"relative\",\n      overflow: \"hidden\",\n      width: \"100%\",\n      borderRadius: 60,\n    },\n    animatedLight: {\n      height: 30,\n      bottom: 0,\n      position: \"absolute\",\n      width: 6,\n    },\n  });\n  const tagStyles = StyleSheet.create({\n    text: {\n      fontSize: 7,\n      lineHeight: 10,\n      paddingHorizontal: 0,\n    },\n    container: {\n      width: \"auto\",\n      paddingHorizontal: 3,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    avatarLiveTag: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: themeColor.Primary,\n      borderRadius: 99,\n      opacity: 1,\n      zIndex: 999,\n    },\n    liveSmall: {\n      fontSize: 8,\n      minWidth: liveIcon ? 32 : 24,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      paddingHorizontal: liveIcon ? 4 : 0,\n    },\n    liveMedium: {\n      fontSize: 8,\n      minWidth: liveIcon ? 34 : 26,\n      paddingVertical: 2,\n      // height: 12,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveLarge: {\n      fontSize: typography.C3FontSize,\n      minWidth: liveIcon ? 44 : 34,\n      paddingVertical: 2,\n      // height: 16,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontWeight: typography.C3FontWeight,\n    },\n    liveXLarge: {\n      fontSize: typography.C2FontSize,\n      minWidth: liveIcon ? 56 : 42,\n      paddingVertical: 2,\n      // height: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextSmall: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    liveTextMedium: {\n      fontSize: 8,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n    },\n    liveTextLarge: {\n      fontSize: typography.C3FontSize,\n      fontWeight: typography.C3FontWeight,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n    },\n    liveTextXLarge: {\n      fontSize: typography.C2FontSize,\n      textAlign: \"center\",\n      color: alwaysColor.White,\n    },\n  });\n\n  return {\n    tagMargin,\n    tagContainerStyles,\n    tagStyles,\n  };\n};\n"],"names":["avatarSizeToTagMargin","small","medium","large","xlarge","sizeRanges","getSizeType","value","res","filter","obj","_Object$keys$0$split","Object","keys","split","_Object$keys$0$split2","_slicedToArray","min","max","length","values","getAvatarStyles","width","size","outlineColor","borderNum","sizeType","themeColor","useThemeColor","borderWidth","styles","StyleSheet","create","container","height","borderRadius","position","img","zIndex","outContainer","display","alignItems","justifyContent","liveStyles","borderColor","liveStylesSecondary","getLiveTextStyles","liveIcon","typography","useThemeTypography","tagMargin","tagContainerStyles","bottom","overflow","animatedLight","tagStyles","text","fontSize","lineHeight","paddingHorizontal","flexDirection","avatarLiveTag","backgroundColor","Primary","opacity","liveSmall","minWidth","paddingVertical","liveMedium","liveLarge","C3FontSize","fontWeight","C3FontWeight","liveXLarge","C2FontSize","liveTextSmall","textAlign","color","alwaysColor","White","liveTextMedium","liveTextLarge","liveTextXLarge"],"mappings":"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"}

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

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

package/lib/esm/components/PickerView/Wheel.js

@@ -19,21 +19,25 @@ var Wheel = function Wheel(props) {
     accessibility = _props$accessibility === void 0 ? {} : _props$accessibility;
   var scrollerRef = useRef();
   var themeColor = useThemeColor();
-  var _useState = useState(),
+  var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
-    index = _useState2[0],
-    setIndex = _useState2[1];
+    lastValue = _useState2[0],
+    setLastValue = _useState2[1];
   useEffect(function () {
-    value && setIndex(getSelectIndex(column, value));
+    if (value !== lastValue) {
+      var idx = getSelectIndex(column, value);
+      handleScroll(idx);
+    }
   }, [column, value]);
-  useEffect(function () {
-    var _column$index;
-    var newVal = column === null || column === void 0 || (_column$index = column[index]) === null || _column$index === void 0 ? void 0 : _column$index.value;
-    scrollTo(index * itemHeight);
+  var handleScroll = function handleScroll(idx) {
+    var _column$idx;
+    var newVal = column === null || column === void 0 || (_column$idx = column[idx]) === null || _column$idx === void 0 ? void 0 : _column$idx.value;
+    scrollTo(idx * itemHeight);
     if (newVal) {
+      setLastValue(newVal);
       onSelect(newVal, props.index);
     }
-  }, [index, props.index]);
+  };
   var scrollTo = function scrollTo(y) {
     setTimeout(function () {
       var _scrollerRef$current, _scrollerRef$current$;
@@ -53,20 +57,22 @@ var Wheel = function Wheel(props) {
     }), 0) : 0;
   };
   var onMomentumScrollEnd = function onMomentumScrollEnd(e) {
-    var _e$persist;
+    var _e$persist, _column$selectIndex;
     (_e$persist = e.persist) === null || _e$persist === void 0 || _e$persist.call(e);
     var contentOffset = e.nativeEvent.contentOffset;
     var selectIndex = Math.round(contentOffset.y / itemHeight);
-    setIndex(selectIndex);
+    var newVal = column === null || column === void 0 || (_column$selectIndex = column[selectIndex]) === null || _column$selectIndex === void 0 ? void 0 : _column$selectIndex.value;
+    setLastValue(newVal);
+    onSelect(newVal, props.index);
   };
-  var handleClick = function handleClick(index2) {
-    setIndex(index2);
+  var handleClick = function handleClick(index) {
+    handleScroll(index);
   };
   var renderItems = function renderItems() {
-    return column.map(function (item, index2) {
+    return column.map(function (item, index) {
       return /* @__PURE__ */React.createElement(TouchableNativeFeedback, {
         onPress: function onPress() {
-          return handleClick(index2);
+          return handleClick(index);
         },
         key: item.value
       }, /* @__PURE__ */React.createElement(View, _objectSpread2({

package/lib/esm/components/PickerView/Wheel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wheel.js","sources":["../../../../src/components/PickerView/Wheel.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent, ScrollView, View, Text, TouchableNativeFeedback } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nimport { RedsWheel, Column } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst itemHeight = 40;\n\nconst Wheel = (props: RedsWheel) => {\n  const { value, column = [], onSelect = () => {}, accessibility = {} } = props;\n\n  /**\n   * 滚动ref\n   */\n  const scrollerRef = useRef();\n\n  /**\n   * themeColor\n   */\n  const themeColor = useThemeColor();\n\n  /**\n   * index\n   */\n  const [index, setIndex] = useState<any>();\n\n  /**\n   * 初始化滚动高度\n   */\n  useEffect(() => {\n    value && setIndex(getSelectIndex(column, value));\n  }, [column, value]);\n\n  useEffect(() => {\n    const newVal = column?.[index]?.value;\n    scrollTo(index * itemHeight);\n    if (newVal) {\n      onSelect(newVal, props.index);\n    }\n  }, [index, props.index]);\n\n  /**\n   * 滚动ScrollView\n   * @param y 滚动距离\n   */\n  const scrollTo = (y: any) => {\n    setTimeout(() => {\n      // @ts-ignore\n      scrollerRef?.current?.scrollTo?.({\n        y,\n        animated: true,\n      });\n    });\n  };\n\n  /**\n   * 计算当前滚动高度\n   * @param column 数组\n   * @param value 选中值\n   * @returns\n   */\n  const getSelectIndex = (column: Column[], value?: string) => {\n    return value\n      ? Math.max(\n          column.findIndex((item) => {\n            if (isNaN(parseInt(item.value)) || isNaN(parseInt(value))) {\n              return value && item.value === value;\n            } else {\n              return value && parseInt(item.value) === parseInt(value);\n            }\n          }),\n          0,\n        )\n      : 0;\n  };\n\n  /**\n   * 结束滚动\n   * @param e\n   */\n  const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    e.persist?.();\n    let contentOffset = e.nativeEvent.contentOffset;\n    const selectIndex = Math.round(contentOffset.y / itemHeight);\n    setIndex(selectIndex);\n  };\n\n  const handleClick = (index: number) => {\n    setIndex(index);\n  };\n\n  /**\n   * 渲染item\n   * @returns ReactNode\n   */\n  const renderItems = () => {\n    return column.map((item, index) => (\n      <TouchableNativeFeedback onPress={() => handleClick(index)} key={item.value}>\n        <View\n          style={[styles.wheel, { height: itemHeight, backgroundColor: themeColor.Bg2 }]}\n          key={item.value}\n          {...item.accessibility}\n        >\n          <Text {...item.accessibility} style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n            {item.label}\n          </Text>\n        </View>\n      </TouchableNativeFeedback>\n    ));\n  };\n\n  return (\n    <ScrollView\n      style={{ flex: 1 }}\n      nestedScrollEnabled\n      horizontal={false}\n      ref={(el: any) => (scrollerRef.current = el)}\n      showsHorizontalScrollIndicator={false}\n      showsVerticalScrollIndicator={false}\n      pagingEnabled={false}\n      automaticallyAdjustContentInsets={false}\n      directionalLockEnabled={true}\n      decelerationRate=\"fast\"\n      snapToInterval={itemHeight}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      testID={`wheel${props.index}`}\n      {...accessibility}\n    >\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n      {renderItems()}\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n    </ScrollView>\n  );\n};\n\nexport default Wheel;\n"],"names":["itemHeight","Wheel","props","value","_props$column","column","_props$onSelect","onSelect","_props$accessibility","accessibility","scrollerRef","useRef","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","index","setIndex","useEffect","getSelectIndex","_column$index","newVal","scrollTo","y","setTimeout","_scrollerRef$current","_scrollerRef$current$","current","call","animated","Math","max","findIndex","item","isNaN","parseInt","onMomentumScrollEnd","e","_e$persist","persist","contentOffset","nativeEvent","selectIndex","round","handleClick","renderItems","map","React","createElement","TouchableNativeFeedback","onPress","key","View","_objectSpread","style","styles","wheel","height","backgroundColor","Bg2","Text","color","Title","fontSize","typography","B1FontSize","label","ScrollView","flex","nestedScrollEnabled","horizontal","ref","el","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","pagingEnabled","automaticallyAdjustContentInsets","directionalLockEnabled","decelerationRate","snapToInterval","testID","concat"],"mappings":"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"}
+{"version":3,"file":"Wheel.js","sources":["../../../../src/components/PickerView/Wheel.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent, ScrollView, View, Text, TouchableNativeFeedback } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nimport { RedsWheel, Column } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst itemHeight = 40;\n\nconst Wheel = (props: RedsWheel) => {\n  const { value, column = [], onSelect = () => {}, accessibility = {} } = props;\n\n  /**\n   * 滚动ref\n   */\n  const scrollerRef = useRef();\n\n  /**\n   * themeColor\n   */\n  const themeColor = useThemeColor();\n\n  const [lastValue, setLastValue] = useState(value);\n\n  /**\n   * 初始化滚动高度\n   */\n  useEffect(() => {\n    if (value !== lastValue) {\n      const idx = getSelectIndex(column, value);\n      handleScroll(idx);\n    }\n  }, [column, value]);\n\n  const handleScroll = (idx: number) => {\n    const newVal = column?.[idx]?.value;\n    scrollTo(idx * itemHeight);\n    if (newVal) {\n      setLastValue(newVal);\n      onSelect(newVal, props.index);\n    }\n  };\n\n  /**\n   * 滚动ScrollView\n   * @param y 滚动距离\n   */\n  const scrollTo = (y: any) => {\n    setTimeout(() => {\n      // @ts-ignore\n      scrollerRef?.current?.scrollTo?.({\n        y,\n        animated: true,\n      });\n    });\n  };\n\n  /**\n   * 计算当前滚动高度\n   * @param column 数组\n   * @param value 选中值\n   * @returns\n   */\n  const getSelectIndex = (column: Column[], value?: string) => {\n    return value\n      ? Math.max(\n          column.findIndex((item) => {\n            if (isNaN(parseInt(item.value)) || isNaN(parseInt(value))) {\n              return value && item.value === value;\n            } else {\n              return value && parseInt(item.value) === parseInt(value);\n            }\n          }),\n          0,\n        )\n      : 0;\n  };\n\n  /**\n   * 结束滚动\n   * @param e\n   */\n  const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    e.persist?.();\n    let contentOffset = e.nativeEvent.contentOffset;\n    const selectIndex = Math.round(contentOffset.y / itemHeight);\n    const newVal = column?.[selectIndex]?.value;\n    setLastValue(newVal);\n    onSelect(newVal, props.index);\n  };\n\n  const handleClick = (index: number) => {\n    handleScroll(index);\n  };\n\n  /**\n   * 渲染item\n   * @returns ReactNode\n   */\n  const renderItems = () => {\n    return column.map((item, index) => (\n      <TouchableNativeFeedback onPress={() => handleClick(index)} key={item.value}>\n        <View\n          style={[styles.wheel, { height: itemHeight, backgroundColor: themeColor.Bg2 }]}\n          key={item.value}\n          {...item.accessibility}\n        >\n          <Text {...item.accessibility} style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n            {item.label}\n          </Text>\n        </View>\n      </TouchableNativeFeedback>\n    ));\n  };\n\n  return (\n    <ScrollView\n      style={{ flex: 1 }}\n      nestedScrollEnabled\n      horizontal={false}\n      ref={(el: any) => (scrollerRef.current = el)}\n      showsHorizontalScrollIndicator={false}\n      showsVerticalScrollIndicator={false}\n      pagingEnabled={false}\n      automaticallyAdjustContentInsets={false}\n      directionalLockEnabled={true}\n      decelerationRate=\"fast\"\n      snapToInterval={itemHeight}\n      onMomentumScrollEnd={onMomentumScrollEnd}\n      testID={`wheel${props.index}`}\n      {...accessibility}\n    >\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n      {renderItems()}\n      <View style={{ height: 2 * itemHeight, backgroundColor: themeColor.Bg2 }} />\n    </ScrollView>\n  );\n};\n\nexport default Wheel;\n"],"names":["itemHeight","Wheel","props","value","_props$column","column","_props$onSelect","onSelect","_props$accessibility","accessibility","scrollerRef","useRef","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","lastValue","setLastValue","useEffect","idx","getSelectIndex","handleScroll","_column$idx","newVal","scrollTo","index","y","setTimeout","_scrollerRef$current","_scrollerRef$current$","current","call","animated","Math","max","findIndex","item","isNaN","parseInt","onMomentumScrollEnd","e","_e$persist","_column$selectIndex","persist","contentOffset","nativeEvent","selectIndex","round","handleClick","renderItems","map","React","createElement","TouchableNativeFeedback","onPress","key","View","_objectSpread","style","styles","wheel","height","backgroundColor","Bg2","Text","color","Title","fontSize","typography","B1FontSize","label","ScrollView","flex","nestedScrollEnabled","horizontal","ref","el","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","pagingEnabled","automaticallyAdjustContentInsets","directionalLockEnabled","decelerationRate","snapToInterval","testID","concat"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.10.1-beta202511201716",
+  "version": "0.10.1-beta202511211532",
   "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.10.1-beta202511201716"
+    "@xhsreds/reds-token-next": "0.10.1-beta202511211532"
   },
   "peerDependenciesMeta": {
     "ozone-schema-web": {

package/src/components/Avatar/styles.ts

@@ -1,5 +1,6 @@
 import { StyleSheet, Platform } from "react-native";
 import { useThemeTypography, useThemeColor } from "../ConfigProvider";
+import { alwaysColor } from "@xhs/reds-token-next";
 
 const avatarSizeToTagMargin = {
   small: -4,
@@ -162,7 +163,7 @@ export const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {
     liveTextSmall: {
       fontSize: 8,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
@@ -170,18 +171,18 @@ export const getLiveTextStyles = (size: AvatarSize, liveIcon: any) => {
     liveTextMedium: {
       fontSize: 8,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
     },
     liveTextLarge: {
       fontSize: typography.C3FontSize,
       fontWeight: typography.C3FontWeight,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
     },
     liveTextXLarge: {
       fontSize: typography.C2FontSize,
       textAlign: "center",
-      color: themeColor.White,
+      color: alwaysColor.White,
     },
   });
 

package/src/components/DatePicker/demo/index.tsx

@@ -37,6 +37,7 @@ export default function App() {
   const [value14, setValue14] = useState("2023-10-05-12");
   const [value16, setValue16] = useState("2023-10-05-12-10");
   const [value17, setValue17] = useState("2025-9-15-14-25");
+  const [value18, setValue18] = useState("2025-11-20");
 
   const [visible1, setVisible1] = useState(false);
   const [visible2, setVisible2] = useState(false);
@@ -54,6 +55,7 @@ export default function App() {
   const [visible14, setVisible14] = useState(false);
   const [visible16, setVisible16] = useState(false);
   const [visible17, setVisible17] = useState(false);
+  const [visible18, setVisible18] = useState(false);
 
   const { show, remove } = useDatePicker();
   return (
@@ -329,6 +331,30 @@ export default function App() {
       >
         函数式调用
       </Button>
+
+      <Button
+        onClick={() => {
+          setVisible18(true);
+        }}
+      >
+        跳动bug
+      </Button>
+      <DatePicker
+        visible={visible18}
+        value={value18}
+        label={"跳动bug"}
+        startTime={"1900-01-01"}
+        endTime={"2200-12-31"}
+        onConfirm={(val: string) => {
+          console.log("onConfirm18", val);
+          setValue18(val);
+          setVisible18(false);
+        }}
+        onChange={(val: string) => {
+          console.log("onChange18", val);
+        }}
+        onCancel={() => setVisible18(false)}
+      />
       <View style={{ height: 200 }}></View>
     </ScrollView>
   );

package/src/components/PickerView/Wheel.tsx

@@ -20,25 +20,26 @@ const Wheel = (props: RedsWheel) => {
    */
   const themeColor = useThemeColor();
 
-  /**
-   * index
-   */
-  const [index, setIndex] = useState<any>();
+  const [lastValue, setLastValue] = useState(value);
 
   /**
    * 初始化滚动高度
    */
   useEffect(() => {
-    value && setIndex(getSelectIndex(column, value));
+    if (value !== lastValue) {
+      const idx = getSelectIndex(column, value);
+      handleScroll(idx);
+    }
   }, [column, value]);
 
-  useEffect(() => {
-    const newVal = column?.[index]?.value;
-    scrollTo(index * itemHeight);
+  const handleScroll = (idx: number) => {
+    const newVal = column?.[idx]?.value;
+    scrollTo(idx * itemHeight);
     if (newVal) {
+      setLastValue(newVal);
       onSelect(newVal, props.index);
     }
-  }, [index, props.index]);
+  };
 
   /**
    * 滚动ScrollView
@@ -83,11 +84,13 @@ const Wheel = (props: RedsWheel) => {
     e.persist?.();
     let contentOffset = e.nativeEvent.contentOffset;
     const selectIndex = Math.round(contentOffset.y / itemHeight);
-    setIndex(selectIndex);
+    const newVal = column?.[selectIndex]?.value;
+    setLastValue(newVal);
+    onSelect(newVal, props.index);
   };
 
   const handleClick = (index: number) => {
-    setIndex(index);
+    handleScroll(index);
   };
 
   /**

package/src/i18n/@types/resources.d.ts

@@ -1,31 +1,31 @@
 interface Resources {
   componentKey: {
-    sureKey: "確定";
-    satisfyKey: "滿意";
-    confirmKey: "確認";
-    uploadingKey: "上傳中";
+    sureKey: "确定";
+    satisfyKey: "满意";
+    confirmKey: "确认";
+    uploadingKey: "上传中";
     resetKey: "重置";
-    NoDataKey: "暫無數據";
+    NoDataKey: "暂无数据";
     liveStreamingKey: "直播";
     generallyKey: "一般";
-    uploadFailedKey: "上傳失敗";
+    uploadFailedKey: "上传失败";
     submitKey: "提交";
-    requestSuccessfulKey: "請求成功";
+    requestSuccessfulKey: "请求成功";
     cancelKey: "取消";
-    PullDownToRefreshKey: "下拉重繪";
-    selectAllKey: "全選";
-    requestDataKey: "請求數據中";
+    PullDownToRefreshKey: "下拉刷新";
+    selectAllKey: "全选";
+    requestDataKey: "请求数据中";
     closeKey: "收起";
-    veryBadKey: "極差";
-    searchKey: "蒐索";
-    expandKey: "展開";
-    IDCardPhotoKey: "身份證人像面";
+    veryBadKey: "极差";
+    searchKey: "搜索";
+    expandKey: "展开";
+    IDCardPhotoKey: "身份证人像面";
     finishKey: "完成";
-    surpriseKey: "驚喜";
-    releaseRefreshKey: "鬆開重繪";
+    surpriseKey: "惊喜";
+    releaseRefreshKey: "松开刷新";
     nationalEmblemSideOfIDCardKey: "身份证国徽面";
-    buttonKey: "按鈕";
-    jumpKey: "跳轉";
+    buttonKey: "按钮";
+    jumpKey: "跳转";
     disappointmentKey: "失望";
   };
 }

package/src/i18n/index.json

@@ -1,4 +1,35 @@
 {
+  "zh_cn": {
+    "componentKey": {
+      "sureKey": "确定",
+      "satisfyKey": "满意",
+      "confirmKey": "确认",
+      "uploadingKey": "上传中",
+      "resetKey": "重置",
+      "NoDataKey": "暂无数据",
+      "liveStreamingKey": "直播",
+      "generallyKey": "一般",
+      "uploadFailedKey": "上传失败",
+      "submitKey": "提交",
+      "requestSuccessfulKey": "请求成功",
+      "cancelKey": "取消",
+      "PullDownToRefreshKey": "下拉刷新",
+      "selectAllKey": "全选",
+      "requestDataKey": "请求数据中",
+      "closeKey": "收起",
+      "veryBadKey": "极差",
+      "searchKey": "搜索",
+      "expandKey": "展开",
+      "IDCardPhotoKey": "身份证人像面",
+      "finishKey": "完成",
+      "surpriseKey": "惊喜",
+      "releaseRefreshKey": "松开刷新",
+      "nationalEmblemSideOfIDCardKey": "身份证国徽面",
+      "buttonKey": "按钮",
+      "jumpKey": "跳转",
+      "disappointmentKey": "失望"
+    }
+  },
   "zh_tw": {
     "componentKey": {
       "sureKey": "確定",
@@ -60,36 +91,5 @@
       "jumpKey": "Jump",
       "disappointmentKey": "Disappointment"
     }
-  },
-  "zh_cn": {
-    "componentKey": {
-      "sureKey": "确定",
-      "satisfyKey": "满意",
-      "confirmKey": "确认",
-      "uploadingKey": "上传中",
-      "resetKey": "重置",
-      "NoDataKey": "暂无数据",
-      "liveStreamingKey": "直播",
-      "generallyKey": "一般",
-      "uploadFailedKey": "上传失败",
-      "submitKey": "提交",
-      "requestSuccessfulKey": "请求成功",
-      "cancelKey": "取消",
-      "PullDownToRefreshKey": "下拉刷新",
-      "selectAllKey": "全选",
-      "requestDataKey": "请求数据中",
-      "closeKey": "收起",
-      "veryBadKey": "极差",
-      "searchKey": "搜索",
-      "expandKey": "展开",
-      "IDCardPhotoKey": "身份证人像面",
-      "finishKey": "完成",
-      "surpriseKey": "惊喜",
-      "releaseRefreshKey": "松开刷新",
-      "nationalEmblemSideOfIDCardKey": "身份证国徽面",
-      "buttonKey": "按钮",
-      "jumpKey": "跳转",
-      "disappointmentKey": "失望"
-    }
   }
 }