@xhsreds/reds-rn-next 0.10.0 → 0.10.1-beta202511041913

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

@@ -3,14 +3,14 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import { typography } from '@xhsreds/reds-token-next';
 import '../../_chunks/CAkwE9ZD.js';
+import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var iconSizeMap = {
-  small: typography.B1FontSize,
-  medium: typography.H3FontSize,
-  large: typography.H2FontSize
+  small: 12,
+  medium: 16,
+  large: 20
 };
 var fontSizeMap = {
   small: 12,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Radio/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst iconSizeMap: Record<\"small\" | \"medium\" | \"large\" | string, number> = {\n  small: typography.B1FontSize,\n  medium: typography.H3FontSize,\n  large: typography.H2FontSize,\n};\nconst fontSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nconst iconBorderSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconRightSizeMap: Record<\n  \"small\" | \"medium\" | \"large\" | string,\n  Record<\"height\" | \"width\", string | number>\n> = {\n  large: {\n    height: 8,\n    width: 11,\n  },\n  medium: {\n    height: 7,\n    width: 9,\n  },\n  small: {\n    height: 6,\n    width: 8,\n  },\n};\nexport const getContainerStyle = (direction?: string | undefined, position?: \"left\" | \"right\"): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    display: \"flex\",\n    flexDirection: position === \"left\" || !position || direction === \"horizontal\" ? \"row\" : \"row-reverse\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    backgroundColor: direction === \"vertical\" ? themeColor.Bg : undefined,\n    paddingHorizontal: 16,\n  };\n};\n\nexport const getWrapperStyle = (direction?: string | undefined, position?: \"left\" | \"right\") => {\n  return direction === \"horizontal\"\n    ? {\n        display: \"flex\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n      }\n    : position === \"left\"\n      ? {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        }\n      : {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        };\n};\n\nexport const getIconStyleClass = (\n  checked: boolean,\n  size: \"small\" | \"medium\" | \"large\",\n  disabled?: boolean,\n  position: \"left\" | \"right\" = \"left\",\n  direction: \"vertical\" | \"horizontal\" = \"vertical\",\n): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    width: iconSizeMap[size],\n    height: iconSizeMap[size],\n    marginLeft: direction === \"vertical\" ? (position === \"left\" ? 0 : 12) : 0,\n    marginRight: direction === \"vertical\" ? (position === \"right\" ? 0 : 12) : 8,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    opacity: checked && disabled ? 0.4 : 1,\n  };\n};\n\nexport const getLabelStyle = (\n  disabled?: boolean,\n  size: \"small\" | \"medium\" | \"large\" = \"medium\",\n  direction = \"horizontal\",\n): TextStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n\n  return {\n    color: disabled ? themeColor.Disabled : themeColor.Title,\n    lineHeight: iconSizeMap[size],\n    fontSize: fontSizeMap[size],\n    marginRight: direction === \"horizontal\" ? 8 : 0,\n  };\n};\n\nexport const getDividerStyle = (): ViewStyle => ({\n  borderBottomWidth: 1,\n  borderColor: useThemeColor(\"Radio\").Separator,\n  position: \"relative\",\n  bottom: 0,\n});\n\nexport const iconRight = {\n  position: \"absolute\",\n  right: 16,\n} as ViewStyle;\n\nexport const hiddenBgStyle = (): ViewStyle => ({\n  backgroundColor: \"transparent\",\n  borderColor: \"none\",\n  borderWidth: 0,\n});\n\nexport const freestyle = {\n  flex: 1,\n  height: \"100%\",\n  position: \"relative\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"center\",\n} as ViewStyle;\n\nexport const getRadioGroupStyle = (direction: \"vertical\" | \"horizontal\" = \"horizontal\") =>\n  StyleSheet.create({\n    group: {\n      flexDirection: direction === \"horizontal\" ? \"row\" : \"column\",\n      flexWrap: \"wrap\",\n    },\n  }).group;\n\n// 获取图标样式\nexport const getUnCheckedStyle = (size: \"small\" | \"medium\" | \"large\") => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    borderRadius: 99999,\n    borderWidth: 1,\n    borderColor: themeColor.Separator,\n    width: iconBorderSizeMap[size],\n    height: iconBorderSizeMap[size],\n  };\n};\n\nexport const getRightIconStyle = (size: string) => {\n  const styles = StyleSheet.create({\n    right: {\n      height: iconRightSizeMap[size || \"large\"].height as DimensionValue,\n      width: iconRightSizeMap[size || \"large\"].width as DimensionValue,\n    },\n  });\n  return styles.right;\n};\n\nexport const getRightWrapperStyle = (size: string, themeColor: any, customColor?: string) => {\n  const styles = StyleSheet.create({\n    wrapper: {\n      height: iconSizeMap[size || \"large\"] as DimensionValue,\n      width: iconSizeMap[size || \"large\"] as DimensionValue,\n      borderRadius: 1000,\n      backgroundColor: customColor || themeColor.Primary,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n  return styles.wrapper;\n};\n"],"names":["iconSizeMap","small","typography","B1FontSize","medium","H3FontSize","large","H2FontSize","fontSizeMap","iconBorderSizeMap","iconRightSizeMap","height","width","getContainerStyle","direction","position","themeColor","useThemeColor","display","flexDirection","alignItems","justifyContent","backgroundColor","Bg","paddingHorizontal","getWrapperStyle","flex","paddingVertical","getIconStyleClass","checked","size","disabled","arguments","length","undefined","marginLeft","marginRight","opacity","getLabelStyle","color","Disabled","Title","lineHeight","fontSize","getDividerStyle","borderBottomWidth","borderColor","Separator","bottom","iconRight","right","hiddenBgStyle","borderWidth","freestyle","getRadioGroupStyle","StyleSheet","create","group","flexWrap","getUnCheckedStyle","borderRadius","getRightIconStyle","styles","getRightWrapperStyle","customColor","wrapper","Primary"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Radio/styles.ts"],"sourcesContent":["import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst iconSizeMap: Record<\"small\" | \"medium\" | \"large\" | string, number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\nconst fontSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nconst iconBorderSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconRightSizeMap: Record<\n  \"small\" | \"medium\" | \"large\" | string,\n  Record<\"height\" | \"width\", string | number>\n> = {\n  large: {\n    height: 8,\n    width: 11,\n  },\n  medium: {\n    height: 7,\n    width: 9,\n  },\n  small: {\n    height: 6,\n    width: 8,\n  },\n};\nexport const getContainerStyle = (direction?: string | undefined, position?: \"left\" | \"right\"): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    display: \"flex\",\n    flexDirection: position === \"left\" || !position || direction === \"horizontal\" ? \"row\" : \"row-reverse\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    backgroundColor: direction === \"vertical\" ? themeColor.Bg : undefined,\n    paddingHorizontal: 16,\n  };\n};\n\nexport const getWrapperStyle = (direction?: string | undefined, position?: \"left\" | \"right\") => {\n  return direction === \"horizontal\"\n    ? {\n        display: \"flex\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n      }\n    : position === \"left\"\n      ? {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        }\n      : {\n          display: \"flex\",\n          alignItems: \"center\",\n          flex: 1,\n          flexDirection: \"row\",\n          paddingVertical: 12,\n        };\n};\n\nexport const getIconStyleClass = (\n  checked: boolean,\n  size: \"small\" | \"medium\" | \"large\",\n  disabled?: boolean,\n  position: \"left\" | \"right\" = \"left\",\n  direction: \"vertical\" | \"horizontal\" = \"vertical\",\n): ViewStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    width: iconSizeMap[size],\n    height: iconSizeMap[size],\n    marginLeft: direction === \"vertical\" ? (position === \"left\" ? 0 : 12) : 0,\n    marginRight: direction === \"vertical\" ? (position === \"right\" ? 0 : 12) : 8,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    opacity: checked && disabled ? 0.4 : 1,\n  };\n};\n\nexport const getLabelStyle = (\n  disabled?: boolean,\n  size: \"small\" | \"medium\" | \"large\" = \"medium\",\n  direction = \"horizontal\",\n): TextStyle => {\n  const themeColor = useThemeColor(\"Radio\");\n\n  return {\n    color: disabled ? themeColor.Disabled : themeColor.Title,\n    lineHeight: iconSizeMap[size],\n    fontSize: fontSizeMap[size],\n    marginRight: direction === \"horizontal\" ? 8 : 0,\n  };\n};\n\nexport const getDividerStyle = (): ViewStyle => ({\n  borderBottomWidth: 1,\n  borderColor: useThemeColor(\"Radio\").Separator,\n  position: \"relative\",\n  bottom: 0,\n});\n\nexport const iconRight = {\n  position: \"absolute\",\n  right: 16,\n} as ViewStyle;\n\nexport const hiddenBgStyle = (): ViewStyle => ({\n  backgroundColor: \"transparent\",\n  borderColor: \"none\",\n  borderWidth: 0,\n});\n\nexport const freestyle = {\n  flex: 1,\n  height: \"100%\",\n  position: \"relative\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"center\",\n} as ViewStyle;\n\nexport const getRadioGroupStyle = (direction: \"vertical\" | \"horizontal\" = \"horizontal\") =>\n  StyleSheet.create({\n    group: {\n      flexDirection: direction === \"horizontal\" ? \"row\" : \"column\",\n      flexWrap: \"wrap\",\n    },\n  }).group;\n\n// 获取图标样式\nexport const getUnCheckedStyle = (size: \"small\" | \"medium\" | \"large\") => {\n  const themeColor = useThemeColor(\"Radio\");\n  return {\n    borderRadius: 99999,\n    borderWidth: 1,\n    borderColor: themeColor.Separator,\n    width: iconBorderSizeMap[size],\n    height: iconBorderSizeMap[size],\n  };\n};\n\nexport const getRightIconStyle = (size: string) => {\n  const styles = StyleSheet.create({\n    right: {\n      height: iconRightSizeMap[size || \"large\"].height as DimensionValue,\n      width: iconRightSizeMap[size || \"large\"].width as DimensionValue,\n    },\n  });\n  return styles.right;\n};\n\nexport const getRightWrapperStyle = (size: string, themeColor: any, customColor?: string) => {\n  const styles = StyleSheet.create({\n    wrapper: {\n      height: iconSizeMap[size || \"large\"] as DimensionValue,\n      width: iconSizeMap[size || \"large\"] as DimensionValue,\n      borderRadius: 1000,\n      backgroundColor: customColor || themeColor.Primary,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n  return styles.wrapper;\n};\n"],"names":["iconSizeMap","small","medium","large","fontSizeMap","iconBorderSizeMap","iconRightSizeMap","height","width","getContainerStyle","direction","position","themeColor","useThemeColor","display","flexDirection","alignItems","justifyContent","backgroundColor","Bg","paddingHorizontal","getWrapperStyle","flex","paddingVertical","getIconStyleClass","checked","size","disabled","arguments","length","undefined","marginLeft","marginRight","opacity","getLabelStyle","color","Disabled","Title","lineHeight","fontSize","getDividerStyle","borderBottomWidth","borderColor","Separator","bottom","iconRight","right","hiddenBgStyle","borderWidth","freestyle","getRadioGroupStyle","StyleSheet","create","group","flexWrap","getUnCheckedStyle","borderRadius","getRightIconStyle","styles","getRightWrapperStyle","customColor","wrapper","Primary"],"mappings":"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"}

package/package.json

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

package/src/components/Radio/Radio.tsx

@@ -64,9 +64,9 @@ const Radio = (props: RedsRadio) => {
   const labelStyle = getLabelStyle(disabled || parent?.disabled, size, parent?.direction);
 
   const iconSizeMap: Record<"small" | "medium" | "large", number> = {
-    small: 16,
-    medium: 20,
-    large: 24,
+    small: 12,
+    medium: 16,
+    large: 20,
   };
 
   const rightStyle = getRightIconStyle(size);

package/src/components/Radio/styles.ts

@@ -2,9 +2,9 @@ import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from "react-native";
 import { useThemeColor } from "../ConfigProvider";
 import { typography } from "@xhs/reds-token-next";
 const iconSizeMap: Record<"small" | "medium" | "large" | string, number> = {
-  small: typography.B1FontSize,
-  medium: typography.H3FontSize,
-  large: typography.H2FontSize,
+  small: 12,
+  medium: 16,
+  large: 20,
 };
 const fontSizeMap: Record<"small" | "medium" | "large", number> = {
   small: 12,

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

@@ -1,32 +1,32 @@
 interface Resources {
   componentKey: {
-    sureKey: "Confirm";
-    satisfyKey: "Satisfy";
-    confirmKey: "Confirm";
-    uploadingKey: "Uploading";
-    resetKey: "Reset";
-    NoDataKey: "No data available at the moment";
-    liveStreamingKey: "live";
-    generallyKey: "Generally";
-    uploadFailedKey: "Upload failed";
-    submitKey: "Submit";
-    requestSuccessfulKey: "Request successful";
-    cancelKey: "Cancel";
-    PullDownToRefreshKey: "Pull down to refresh";
-    selectAllKey: "SelectAll";
-    requestDataKey: "Request data";
-    closeKey: "Close";
-    veryBadKey: "Very bad";
-    searchKey: "Search";
-    expandKey: "Expand";
-    IDCardPhotoKey: "ID card photo";
-    finishKey: "Finish";
-    surpriseKey: "Surprise";
-    releaseRefreshKey: "Release refresh";
-    nationalEmblemSideOfIDCardKey: "National emblem side of ID card";
-    buttonKey: "Button";
-    jumpKey: "Jump";
-    disappointmentKey: "Disappointment";
+    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: "失望";
   };
 }
 export default Resources;

package/src/i18n/index.json

@@ -1,35 +1,4 @@
 {
-  "en_us": {
-    "componentKey": {
-      "sureKey": "Confirm",
-      "satisfyKey": "Satisfy",
-      "confirmKey": "Confirm",
-      "uploadingKey": "Uploading",
-      "resetKey": "Reset",
-      "NoDataKey": "No data available at the moment",
-      "liveStreamingKey": "live",
-      "generallyKey": "Generally",
-      "uploadFailedKey": "Upload failed",
-      "submitKey": "Submit",
-      "requestSuccessfulKey": "Request successful",
-      "cancelKey": "Cancel",
-      "PullDownToRefreshKey": "Pull down to refresh",
-      "selectAllKey": "SelectAll",
-      "requestDataKey": "Request data",
-      "closeKey": "Close",
-      "veryBadKey": "Very bad",
-      "searchKey": "Search",
-      "expandKey": "Expand",
-      "IDCardPhotoKey": "ID card photo",
-      "finishKey": "Finish",
-      "surpriseKey": "Surprise",
-      "releaseRefreshKey": "Release refresh",
-      "nationalEmblemSideOfIDCardKey": "National emblem side of ID card",
-      "buttonKey": "Button",
-      "jumpKey": "Jump",
-      "disappointmentKey": "Disappointment"
-    }
-  },
   "zh_cn": {
     "componentKey": {
       "sureKey": "确定",
@@ -91,5 +60,36 @@
       "jumpKey": "跳轉",
       "disappointmentKey": "失望"
     }
+  },
+  "en_us": {
+    "componentKey": {
+      "sureKey": "Confirm",
+      "satisfyKey": "Satisfy",
+      "confirmKey": "Confirm",
+      "uploadingKey": "Uploading",
+      "resetKey": "Reset",
+      "NoDataKey": "No data available at the moment",
+      "liveStreamingKey": "live",
+      "generallyKey": "Generally",
+      "uploadFailedKey": "Upload failed",
+      "submitKey": "Submit",
+      "requestSuccessfulKey": "Request successful",
+      "cancelKey": "Cancel",
+      "PullDownToRefreshKey": "Pull down to refresh",
+      "selectAllKey": "SelectAll",
+      "requestDataKey": "Request data",
+      "closeKey": "Close",
+      "veryBadKey": "Very bad",
+      "searchKey": "Search",
+      "expandKey": "Expand",
+      "IDCardPhotoKey": "ID card photo",
+      "finishKey": "Finish",
+      "surpriseKey": "Surprise",
+      "releaseRefreshKey": "Release refresh",
+      "nationalEmblemSideOfIDCardKey": "National emblem side of ID card",
+      "buttonKey": "Button",
+      "jumpKey": "Jump",
+      "disappointmentKey": "Disappointment"
+    }
   }
 }