@xhsreds/reds-rn-next 0.10.1 → 0.10.2-beta202512172040

package/coverage/.tmp/coverage-6.json

@@ -1 +1 @@
-{"/builds/fe/infra/reds/packages/reds-rn/src/components/CheckBoxGroup/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/CheckBoxGroup/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":49},"end":{"line":5,"column":29}},"1":{"start":{"line":2,"column":2},"end":{"line":2,"column":52}},"2":{"start":{"line":3,"column":2},"end":{"line":3,"column":48}},"3":{"start":{"line":4,"column":2},"end":{"line":4,"column":30}},"4":{"start":{"line":6,"column":47},"end":{"line":10,"column":27}},"5":{"start":{"line":7,"column":2},"end":{"line":7,"column":40}},"6":{"start":{"line":8,"column":2},"end":{"line":8,"column":38}},"7":{"start":{"line":9,"column":2},"end":{"line":9,"column":28}},"8":{"start":{"line":11,"column":47},"end":{"line":16,"column":27}},"9":{"start":{"line":12,"column":2},"end":{"line":12,"column":40}},"10":{"start":{"line":13,"column":2},"end":{"line":13,"column":42}},"11":{"start":{"line":14,"column":2},"end":{"line":14,"column":40}},"12":{"start":{"line":15,"column":2},"end":{"line":15,"column":28}},"13":{"start":{"line":17,"column":43},"end":{"line":22,"column":23}},"14":{"start":{"line":18,"column":2},"end":{"line":18,"column":34}},"15":{"start":{"line":19,"column":2},"end":{"line":19,"column":34}},"16":{"start":{"line":20,"column":2},"end":{"line":20,"column":34}},"17":{"start":{"line":21,"column":2},"end":{"line":21,"column":24}},"18":{"start":{"line":23,"column":41},"end":{"line":30,"column":1}},"19":{"start":{"line":31,"column":40},"end":{"line":37,"column":1}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":1,"column":50},"end":{"line":1,"column":51}},"loc":{"start":{"line":1,"column":76},"end":{"line":5,"column":1}},"line":1},"1":{"name":"(anonymous_1)","decl":{"start":{"line":6,"column":48},"end":{"line":6,"column":49}},"loc":{"start":{"line":6,"column":72},"end":{"line":10,"column":1}},"line":6},"2":{"name":"(anonymous_2)","decl":{"start":{"line":11,"column":48},"end":{"line":11,"column":49}},"loc":{"start":{"line":11,"column":72},"end":{"line":16,"column":1}},"line":11},"3":{"name":"(anonymous_3)","decl":{"start":{"line":17,"column":44},"end":{"line":17,"column":45}},"loc":{"start":{"line":17,"column":64},"end":{"line":22,"column":1}},"line":17}},"branchMap":{"0":{"loc":{"start":{"line":5,"column":3},"end":{"line":5,"column":28}},"type":"binary-expr","locations":[{"start":{"line":5,"column":3},"end":{"line":5,"column":22}},{"start":{"line":5,"column":26},"end":{"line":5,"column":28}}],"line":5},"1":{"loc":{"start":{"line":10,"column":3},"end":{"line":10,"column":26}},"type":"binary-expr","locations":[{"start":{"line":10,"column":3},"end":{"line":10,"column":20}},{"start":{"line":10,"column":24},"end":{"line":10,"column":26}}],"line":10},"2":{"loc":{"start":{"line":16,"column":3},"end":{"line":16,"column":26}},"type":"binary-expr","locations":[{"start":{"line":16,"column":3},"end":{"line":16,"column":20}},{"start":{"line":16,"column":24},"end":{"line":16,"column":26}}],"line":16},"3":{"loc":{"start":{"line":22,"column":3},"end":{"line":22,"column":22}},"type":"binary-expr","locations":[{"start":{"line":22,"column":3},"end":{"line":22,"column":16}},{"start":{"line":22,"column":20},"end":{"line":22,"column":22}}],"line":22}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1},"f":{"0":1,"1":1,"2":1,"3":1},"b":{"0":[1,1],"1":[1,1],"2":[1,1],"3":[1,1]},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/CheckBoxGroup/interface/index.ts"],"sourcesContent":["import { ViewStyle, TextStyle } from \"react-native\";\nimport { ReactNode } from \"react\";\n\nexport interface CheckBoxGroupOption {\n  label: string;\n  value: string | number;\n}\n\nexport const enum CheckBoxGroupLayout {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport const enum CheckBoxPlacement {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport const enum CheckBoxGroupSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport const enum CheckedStatus {\n  FULL = \"full\",\n  HALF = \"half\",\n  NONE = \"none\",\n}\nexport interface RedsCheckBoxGroup {\n  value?: string[] | number[];\n  options?: CheckBoxGroupOption[];\n  disable?: boolean;\n  full?: boolean;\n  fullText?: string;\n  fullContainerStyle?: ViewStyle;\n  checkboxStyle?: ViewStyle;\n  layout?: CheckBoxGroupLayout;\n  size?: CheckBoxGroupSize;\n  onChange?: (value: string[] | number[]) => void;\n  children?: ReactNode[];\n}\n\nexport interface RedsCheckBoxGroupEvent {}\nexport const CheckBoxGroupDefaultProps = {\n  value: [],\n  options: [],\n  disable: false,\n  full: false,\n  layout: CheckBoxGroupLayout.HORIZONTAL,\n  size: CheckBoxGroupSize.LARGE,\n};\n\nexport interface RedsCheckBox {\n  value: string | number;\n  label?: string;\n  placement?: CheckBoxPlacement;\n  disable?: boolean;\n  checked?: boolean;\n  layout?: CheckBoxGroupLayout;\n  style?: ViewStyle;\n  size?: CheckBoxGroupSize;\n  onChange?: (value: string | number, checked: boolean) => void;\n  isControl?: boolean;\n  labelStyle?: ViewStyle;\n  labelTextStyle?: TextStyle;\n  isGroup?: boolean;\n  checkboxStyle?: ViewStyle;\n}\n\nexport const RedsCheckBoxDefaultProps = {\n  placement: CheckBoxPlacement.RIGHT,\n  layout: CheckBoxGroupLayout.HORIZONTAL,\n  size: CheckBoxGroupSize.MEDIUM,\n  isControl: true,\n  isGroup: false,\n};\n\nexport interface ICheckBoxGroupContext {\n  checkList: number[] | string[];\n}\n"],"mappings":"AAQO,WAAW,sBAAX,kBAAWA,yBAAX;AACL,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,cAAW;AAFK,SAAAA;AAAA,GAAA;AAKX,WAAW,oBAAX,kBAAWC,uBAAX;AACL,EAAAA,mBAAA,WAAQ;AACR,EAAAA,mBAAA,UAAO;AAFS,SAAAA;AAAA,GAAA;AAKX,WAAW,oBAAX,kBAAWC,uBAAX;AACL,EAAAA,mBAAA,WAAQ;AACR,EAAAA,mBAAA,YAAS;AACT,EAAAA,mBAAA,WAAQ;AAHQ,SAAAA;AAAA,GAAA;AAMX,WAAW,gBAAX,kBAAWC,mBAAX;AACL,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,UAAO;AAHS,SAAAA;AAAA,GAAA;AAoBX,aAAM,4BAA4B;AAAA,EACvC,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR;AAmBO,aAAM,2BAA2B;AAAA,EACtC,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AACX;","names":["CheckBoxGroupLayout","CheckBoxPlacement","CheckBoxGroupSize","CheckedStatus"]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"fc7c8b5a271c82ad6926938b49b00c3dfd14f542"}}
+{"/builds/fe/infra/reds/packages/reds-rn/src/components/Badge/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Badge/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":33},"end":{"line":10,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Badge/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsBadge {\n  content?: number | string;\n  color?: string;\n  dot?: boolean;\n  max?: number | string;\n  offset?: [number | string, number | string];\n  showZero?: boolean;\n  position?: \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n  children?: any;\n}\n\nexport interface RedsBadgeEvent {}\nexport const BadgeDefaultProps = {\n  content: undefined,\n  color: undefined,\n  dot: false,\n  max: undefined,\n  offset: undefined,\n  showZero: true,\n  position: \"topLeft\",\n  children: undefined,\n};\n"],"mappings":"AAcO,aAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"4a7de1e70bcb88874b26f4354b9147824dc8d870"}}

package/coverage/.tmp/coverage-7.json

@@ -1 +1 @@
-{"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":35},"end":{"line":4,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsStepper {\n  value?: number;\n  max?: number;\n  min?: number;\n  disable?: boolean;\n  onChange?: (value: number) => any;\n  isControl?: boolean;\n  style?: any;\n}\n\nexport interface RedsStepperEvent {}\nexport const StepperDefaultProps = {\n  disable: false,\n  isControl: true,\n};\n"],"mappings":"AAaO,aAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,EACT,WAAW;AACb;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3425e3501b6767b8b3928f62737b5f0a3338c161"},"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/styles.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/styles.ts","statementMap":{"0":{"start":{"line":2,"column":25},"end":{"line":38,"column":1}},"1":{"start":{"line":3,"column":2},"end":{"line":37,"column":5}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":2,"column":25},"end":{"line":2,"column":26}},"loc":{"start":{"line":2,"column":53},"end":{"line":38,"column":1}},"line":2}},"branchMap":{},"s":{"0":1,"1":0},"f":{"0":0},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nexport const getStyles = (themeColor: any, typography: any) => {\n  return StyleSheet.create({\n    container: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: 72,\n    },\n    opacity: {\n      opacity: 0.5,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n      backgroundColor: themeColor.Fill1,\n      borderRadius: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      lineHeight: 20,\n    },\n    text: {\n      fontWeight: typography.B1LooseFontWeight,\n      fontSize: typography.T3FontSize,\n      color: themeColor.Title,\n    },\n    minus: {\n      height: 1.5,\n      width: 10,\n    },\n    add: {\n      height: 10,\n      width: 10,\n    },\n  });\n};\n"],"mappings":"AAAA,SAAS,kBAAkB;AACpB,aAAM,YAAY,CAAC,YAAiB,eAAoB;AAC7D,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAiB,WAAW;AAAA,MAC5B,cAAc;AAAA,MACd,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,YAAY,WAAW;AAAA,MACvB,UAAU,WAAW;AAAA,MACrB,OAAO,WAAW;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"f14da7582aa3cc63bcbee2632badf493e6859d01"}}
+{"/builds/fe/infra/reds/packages/reds-rn/src/components/Tab/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Tab/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":42},"end":{"line":6,"column":22}},"1":{"start":{"line":2,"column":2},"end":{"line":2,"column":41}},"2":{"start":{"line":3,"column":2},"end":{"line":3,"column":43}},"3":{"start":{"line":4,"column":2},"end":{"line":4,"column":35}},"4":{"start":{"line":5,"column":2},"end":{"line":5,"column":23}},"5":{"start":{"line":7,"column":41},"end":{"line":12,"column":21}},"6":{"start":{"line":8,"column":2},"end":{"line":8,"column":34}},"7":{"start":{"line":9,"column":2},"end":{"line":9,"column":36}},"8":{"start":{"line":10,"column":2},"end":{"line":10,"column":34}},"9":{"start":{"line":11,"column":2},"end":{"line":11,"column":22}},"10":{"start":{"line":13,"column":42},"end":{"line":17,"column":22}},"11":{"start":{"line":14,"column":2},"end":{"line":14,"column":43}},"12":{"start":{"line":15,"column":2},"end":{"line":15,"column":33}},"13":{"start":{"line":16,"column":2},"end":{"line":16,"column":23}},"14":{"start":{"line":18,"column":43},"end":{"line":24,"column":23}},"15":{"start":{"line":19,"column":2},"end":{"line":19,"column":34}},"16":{"start":{"line":20,"column":2},"end":{"line":20,"column":38}},"17":{"start":{"line":21,"column":2},"end":{"line":21,"column":36}},"18":{"start":{"line":22,"column":2},"end":{"line":22,"column":36}},"19":{"start":{"line":23,"column":2},"end":{"line":23,"column":24}},"20":{"start":{"line":25,"column":31},"end":{"line":37,"column":1}},"21":{"start":{"line":38,"column":32},"end":{"line":47,"column":1}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":1,"column":43},"end":{"line":1,"column":44}},"loc":{"start":{"line":1,"column":62},"end":{"line":6,"column":1}},"line":1},"1":{"name":"(anonymous_1)","decl":{"start":{"line":7,"column":42},"end":{"line":7,"column":43}},"loc":{"start":{"line":7,"column":60},"end":{"line":12,"column":1}},"line":7},"2":{"name":"(anonymous_2)","decl":{"start":{"line":13,"column":43},"end":{"line":13,"column":44}},"loc":{"start":{"line":13,"column":62},"end":{"line":17,"column":1}},"line":13},"3":{"name":"(anonymous_3)","decl":{"start":{"line":18,"column":44},"end":{"line":18,"column":45}},"loc":{"start":{"line":18,"column":64},"end":{"line":24,"column":1}},"line":18}},"branchMap":{"0":{"loc":{"start":{"line":6,"column":3},"end":{"line":6,"column":21}},"type":"binary-expr","locations":[{"start":{"line":6,"column":3},"end":{"line":6,"column":15}},{"start":{"line":6,"column":19},"end":{"line":6,"column":21}}],"line":6},"1":{"loc":{"start":{"line":12,"column":3},"end":{"line":12,"column":20}},"type":"binary-expr","locations":[{"start":{"line":12,"column":3},"end":{"line":12,"column":14}},{"start":{"line":12,"column":18},"end":{"line":12,"column":20}}],"line":12},"2":{"loc":{"start":{"line":17,"column":3},"end":{"line":17,"column":21}},"type":"binary-expr","locations":[{"start":{"line":17,"column":3},"end":{"line":17,"column":15}},{"start":{"line":17,"column":19},"end":{"line":17,"column":21}}],"line":17},"3":{"loc":{"start":{"line":24,"column":3},"end":{"line":24,"column":22}},"type":"binary-expr","locations":[{"start":{"line":24,"column":3},"end":{"line":24,"column":16}},{"start":{"line":24,"column":20},"end":{"line":24,"column":22}}],"line":24}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1},"f":{"0":1,"1":1,"2":1,"3":1},"b":{"0":[1,1],"1":[1,1],"2":[1,1],"3":[1,1]},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Tab/interface/index.ts"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { ImageStyle, TextStyle } from \"react-native\";\nimport { RedsIcon } from \"../../Icon/interface\";\nimport { RedsBadge } from \"../../Badge/interface\";\nexport interface TabItemType {\n  name?: string;\n  image?: string;\n  activeImage?: string;\n  imageStyle?: ImageStyle;\n  value: string;\n  iconProps?: RedsIcon;\n  badgeProps?: any;\n  labelNumber?: number;\n}\n\nexport const enum TabLabelType {\n  leftIcon = \"leftIcon\",\n  rightIcon = \"rightIcon\",\n  digit = \"digit\",\n}\nexport const enum TabSizeType {\n  small = \"small\",\n  normal = \"normal\",\n  large = \"large\",\n}\n\nexport const enum TabThemeType {\n  underline = \"underline\",\n  text = \"text\",\n}\n\nexport const enum TabLayoutType {\n  left = \"left\",\n  middle = \"middle\",\n  space = \"space\",\n  right = \"right\",\n}\nexport interface RedsTab {\n  theme?: TabThemeType;\n  size?: TabSizeType;\n  labelType?: TabLabelType;\n  layout?: TabLayoutType;\n  badge?: boolean;\n  containerStyle?: any;\n  onChange?: (value: string, index: number) => any;\n  spaceWidth?: number;\n  tabPadding?: number;\n  active?: string;\n  children: ReactNode[];\n  key?: string | number;\n  contentOffset?: number;\n  textStyle?: TextStyle;\n  activeTextStyle?: TextStyle;\n}\n\nexport interface RedsTabEvent {}\nexport const TabDefaultProps = {\n  theme: TabThemeType.underline,\n  size: TabSizeType.normal,\n  labelType: TabLabelType.leftIcon,\n  layout: TabLayoutType.left,\n  badge: false,\n  spaceWidth: 12,\n  tabPadding: 0,\n  active: \"\",\n  contentOffset: 0,\n  textStyle: {},\n  activeTextStyle: {},\n};\n\nexport interface TabChild {\n  name?: string;\n  image?: string;\n  imageStyle?: ImageStyle;\n  activeImage?: string;\n  value: string;\n  labelNumber?: number;\n  iconProps?: RedsIcon;\n  badgeProps?: RedsBadge;\n  children: ReactNode;\n}\nexport interface RedsTabs {\n  theme?: TabThemeType;\n  size?: TabSizeType;\n  labelType?: TabLabelType;\n  layout?: TabLayoutType;\n  badge?: boolean;\n  containerStyle?: any;\n  onChange?: (value: string, index: number) => any;\n  spaceWidth?: number;\n  tabPadding?: number;\n  active?: string;\n  children: ReactNode[];\n}\n\nexport const TabsDefaultProps = {\n  theme: TabThemeType.underline,\n  size: TabSizeType.normal,\n  labelType: TabLabelType.leftIcon,\n  layout: TabLayoutType.space,\n  badge: false,\n  spaceWidth: 12,\n  tabPadding: 24,\n  active: \"\",\n};\n"],"mappings":"AAeO,WAAW,eAAX,kBAAWA,kBAAX;AACL,EAAAA,cAAA,cAAW;AACX,EAAAA,cAAA,eAAY;AACZ,EAAAA,cAAA,WAAQ;AAHQ,SAAAA;AAAA,GAAA;AAKX,WAAW,cAAX,kBAAWC,iBAAX;AACL,EAAAA,aAAA,WAAQ;AACR,EAAAA,aAAA,YAAS;AACT,EAAAA,aAAA,WAAQ;AAHQ,SAAAA;AAAA,GAAA;AAMX,WAAW,eAAX,kBAAWC,kBAAX;AACL,EAAAA,cAAA,eAAY;AACZ,EAAAA,cAAA,UAAO;AAFS,SAAAA;AAAA,GAAA;AAKX,WAAW,gBAAX,kBAAWC,mBAAX;AACL,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,WAAQ;AAJQ,SAAAA;AAAA,GAAA;AAyBX,aAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW,CAAC;AAAA,EACZ,iBAAiB,CAAC;AACpB;AA2BO,aAAM,mBAAmB;AAAA,EAC9B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AACV;","names":["TabLabelType","TabSizeType","TabThemeType","TabLayoutType"]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"94c9502f2b3612dd537ea197077b6f626891006b"}}

package/coverage/.tmp/coverage-8.json

@@ -1 +1 @@
-{"/builds/fe/infra/reds/packages/reds-rn/src/components/TextView/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/TextView/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":36},"end":{"line":13,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/TextView/interface/index.ts"],"sourcesContent":["import { ViewStyle } from \"react-native\";\ntype inputTypeRN = \"default\" | \"number-pad\" | \"decimal-pad\" | \"numeric\" | \"email-address\" | \"phone-pad\" | \"url\";\nexport interface RedsTextView {\n  modelValue?: string;\n  placeholder?: string;\n  layout?: \"primary\" | \"normal\" | \"basic\";\n  type?: inputTypeRN;\n  maxLength?: number;\n  showCount?: boolean;\n  isFormItem?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  clearable?: boolean;\n  autofocus?: boolean;\n  rows?: number;\n  style?: ViewStyle;\n  onChange?: (value: string) => any;\n  onClear?: (value: string) => any;\n  onFocus?: (event: any) => any;\n  onBlur?: (event: any) => any;\n  containerStyle?: ViewStyle;\n  actionLayout?: \"horizontal\" | \"vertical\";\n  placeholderTextColor?: String;\n  ref?: any;\n  returnKeyType?: string;\n  onSubmitEditing?: () => void;\n}\n\nexport const TextViewDefaultProps = {\n  layout: \"basic\",\n  type: \"default\" as inputTypeRN,\n  showCount: false,\n  isFormItem: false,\n  disabled: false,\n  readonly: false,\n  clearable: false,\n  autofocus: false,\n  rows: 3,\n  actionLayout: \"vertical\",\n  returnKeyType: \"next\",\n};\n"],"mappings":"AA4BO,aAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,MAAM;AAAA,EACN,cAAc;AAAA,EACd,eAAe;AACjB;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"c22d4028256df8ef10d5d9ab5d49aa48b4fff907"}}
+{"/builds/fe/infra/reds/packages/reds-rn/src/components/TabBar/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/TabBar/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":34},"end":{"line":6,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/TabBar/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nimport { RedsIcon } from \"../../Icon/interface\";\nexport interface RedsTabBar {\n  list: DataType[];\n  customTabBar?: DataType;\n  type: \"text\" | \"icon\";\n  active: string;\n  value?: boolean;\n  badge?: boolean;\n  containerStyles?: any;\n  textStyles?: any;\n  activeTextStyles?: any;\n  onChange?: (value: string) => any;\n}\n\nexport interface RedsBadge {\n  content?: number | string;\n  color?: string;\n  dot?: boolean;\n  max?: number | string;\n  offset?: [number | string, number | string];\n  showZero?: boolean;\n  position?: \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n}\n\nexport interface DataType {\n  text?: string;\n  key: string;\n  badgeProps?: RedsBadge;\n  iconProps?: RedsIcon;\n  activeIconProps?: RedsIcon;\n  activeColor?: string;\n  normalColor?: string;\n}\n\nexport interface RedsTabBarEvent {}\nexport const TabBarDefaultProps = {\n  list: [] as DataType[],\n  type: \"text\",\n  value: undefined,\n  badge: false,\n};\n"],"mappings":"AAqCO,aAAM,qBAAqB;AAAA,EAChC,MAAM,CAAC;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"eab58c974e6c02ecedd61e0a549fb2ada34bba69"}}

package/coverage/.tmp/coverage-9.json

@@ -1 +1 @@
-{"/builds/fe/infra/reds/packages/reds-rn/src/components/TabBar/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/TabBar/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":34},"end":{"line":6,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/TabBar/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nimport { RedsIcon } from \"../../Icon/interface\";\nexport interface RedsTabBar {\n  list: DataType[];\n  customTabBar?: DataType;\n  type: \"text\" | \"icon\";\n  active: string;\n  value?: boolean;\n  badge?: boolean;\n  containerStyles?: any;\n  textStyles?: any;\n  activeTextStyles?: any;\n  onChange?: (value: string) => any;\n}\n\nexport interface RedsBadge {\n  content?: number | string;\n  color?: string;\n  dot?: boolean;\n  max?: number | string;\n  offset?: [number | string, number | string];\n  showZero?: boolean;\n  position?: \"topLeft\" | \"centerLeft\" | \"centerRight\" | \"topCenter\" | \"centerCenter\";\n}\n\nexport interface DataType {\n  text?: string;\n  key: string;\n  badgeProps?: RedsBadge;\n  iconProps?: RedsIcon;\n  activeIconProps?: RedsIcon;\n  activeColor?: string;\n  normalColor?: string;\n}\n\nexport interface RedsTabBarEvent {}\nexport const TabBarDefaultProps = {\n  list: [] as DataType[],\n  type: \"text\",\n  value: undefined,\n  badge: false,\n};\n"],"mappings":"AAqCO,aAAM,qBAAqB;AAAA,EAChC,MAAM,CAAC;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"eab58c974e6c02ecedd61e0a549fb2ada34bba69"}}
+{"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":35},"end":{"line":4,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsStepper {\n  value?: number;\n  max?: number;\n  min?: number;\n  disable?: boolean;\n  onChange?: (value: number) => any;\n  isControl?: boolean;\n  style?: any;\n}\n\nexport interface RedsStepperEvent {}\nexport const StepperDefaultProps = {\n  disable: false,\n  isControl: true,\n};\n"],"mappings":"AAaO,aAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,EACT,WAAW;AACb;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3425e3501b6767b8b3928f62737b5f0a3338c161"},"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/styles.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/styles.ts","statementMap":{"0":{"start":{"line":2,"column":25},"end":{"line":38,"column":1}},"1":{"start":{"line":3,"column":2},"end":{"line":37,"column":5}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":2,"column":25},"end":{"line":2,"column":26}},"loc":{"start":{"line":2,"column":53},"end":{"line":38,"column":1}},"line":2}},"branchMap":{},"s":{"0":1,"1":0},"f":{"0":0},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Stepper/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nexport const getStyles = (themeColor: any, typography: any) => {\n  return StyleSheet.create({\n    container: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: 72,\n    },\n    opacity: {\n      opacity: 0.5,\n    },\n    icon: {\n      width: 20,\n      height: 20,\n      backgroundColor: themeColor.Fill1,\n      borderRadius: 20,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      lineHeight: 20,\n    },\n    text: {\n      fontWeight: typography.B1LooseFontWeight,\n      fontSize: typography.T3FontSize,\n      color: themeColor.Title,\n    },\n    minus: {\n      height: 1.5,\n      width: 10,\n    },\n    add: {\n      height: 10,\n      width: 10,\n    },\n  });\n};\n"],"mappings":"AAAA,SAAS,kBAAkB;AACpB,aAAM,YAAY,CAAC,YAAiB,eAAoB;AAC7D,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAiB,WAAW;AAAA,MAC5B,cAAc;AAAA,MACd,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,YAAY,WAAW;AAAA,MACvB,UAAU,WAAW;AAAA,MACrB,OAAO,WAAW;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,KAAK;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"f14da7582aa3cc63bcbee2632badf493e6859d01"}}

package/lib/cjs/components/ActionSheets/ActionSheets.js

@@ -61,7 +61,7 @@ require('../../_chunks/jKrB8czP.js');
 require('../StatusBar/hook/useStatusBarHeight.js');
 
 var ActionSheets = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$data;
+  var _props$data, _props$data2, _props$data3;
   pvCount_useUnmountedProcess.default("ActionSheets");
   var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor("ActionSheets");
   var cancelKey = components_LanguageProvider_hooks_useLanguage.useLanguage("componentKey", "cancelKey");
@@ -110,8 +110,8 @@ var ActionSheets = /*#__PURE__*/React.forwardRef(function (props, ref) {
       animateOut: animatedRef === null || animatedRef === void 0 || (_animatedRef$current = animatedRef.current) === null || _animatedRef$current === void 0 ? void 0 : _animatedRef$current.animateOut
     };
   });
-  var _getSafeAreaInsets = components_StatusBar_hook_getStatusHeight.getSafeAreaInsets(),
-    bottom = _getSafeAreaInsets.bottom;
+  var _getSafeAreaInsets = components_StatusBar_hook_getStatusHeight.getSafeAreaInsets();
+    _getSafeAreaInsets.bottom;
   return /* @__PURE__ */React.createElement(components_Sheets_AnimatedSheets.default, {
     ref: animatedRef,
     visible: props.visible,
@@ -135,7 +135,22 @@ var ActionSheets = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }]
   }, /* @__PURE__ */React.createElement(reactNative.Text, {
     style: styles.descriptionText
-  }, props.description)) : /* @__PURE__ */React.createElement(React.Fragment, null), /* @__PURE__ */React.createElement(reactNative.ScrollView, null, props === null || props === void 0 || (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.map(function (item) {
+  }, props.description)) : /* @__PURE__ */React.createElement(React.Fragment, null), (children === null || children === void 0 ? void 0 : children.length) > 4 || ((props === null || props === void 0 || (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) || 0) > 4 ? /* @__PURE__ */React.createElement(reactNative.ScrollView, null, props === null || props === void 0 || (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.map(function (item, index) {
+    return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
+      onPress: function onPress() {
+        return handleClick(item.value);
+      },
+      key: "".concat(item.label).concat(item.value)
+    }, /* @__PURE__ */React.createElement(reactNative.View, {
+      style: [styles.action, {
+        backgroundColor: themeColor.Bg2
+      }]
+    }, /* @__PURE__ */React.createElement(reactNative.Text, {
+      style: getActionStyles(item.type)
+    }, item.label), item.desc ? /* @__PURE__ */React.createElement(reactNative.Text, {
+      style: components_ActionSheets_styles.getActionDescStyles(colorMode)
+    }, item.desc) : /* @__PURE__ */React.createElement(React.Fragment, null)));
+  }), children) : /* @__PURE__ */React.createElement(React.Fragment, null, props === null || props === void 0 || (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.map(function (item) {
     return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
       onPress: function onPress() {
         return handleClick(item.value);
@@ -161,13 +176,7 @@ var ActionSheets = /*#__PURE__*/React.forwardRef(function (props, ref) {
       color: themeColor.Title,
       fontSize: redsTokenNext.typography.B1FontSize
     }
-  }, props.cancelText || cancelKey))) : /* @__PURE__ */React.createElement(React.Fragment, null), /* @__PURE__ */React.createElement(reactNative.View, {
-    style: [{
-      height: bottom,
-      width: "100%",
-      backgroundColor: themeColor.Bg
-    }, props.safeAreaStyle]
-  })));
+  }, props.cancelText || cancelKey))) : /* @__PURE__ */React.createElement(React.Fragment, null)));
 });
 ActionSheets.defaultProps = components_ActionSheets_interface_index.ActionSheetsDefaultProps;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheets.js","sources":["../../../../src/components/ActionSheets/ActionSheets.tsx"],"sourcesContent":["import React, { useState, useMemo, forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView, Dimensions } from \"react-native\";\nimport { RedsActionSheets, ActionSheetsDefaultProps } from \"./interface/index\";\nimport createStyles, { getActionDescStyles } from \"./styles\";\nimport { useThemeColor, useColorMode } from \"../ConfigProvider\";\nimport { AnimatedSheets, SheetsType } from \"../Sheets\";\nimport { ActionType } from \"./interface\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { getSafeAreaInsets } from \"../StatusBar\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst ActionSheets = forwardRef((props: RedsActionSheets, ref) => {\n  useMounted(\"ActionSheets\");\n  const themeColor = useThemeColor(\"ActionSheets\");\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n  const [height, setHeight] = useState(0);\n  const animatedRef = useRef<any>(null);\n  const colorMode = useColorMode();\n  const styles = createStyles(themeColor);\n\n  const getActionStyles = (type: ActionType) => {\n    if (type === ActionType.invalid) {\n      return [styles.actionText, { color: themeColor.Disabled }];\n    } else if (type === ActionType.primary) {\n      return [styles.actionText, { color: themeColor.Primary }];\n    } else {\n      return [styles.actionText, { color: themeColor.Title }];\n    }\n  };\n\n  const handleClick = (value: string) => {\n    props?.onChange?.(value);\n    props?.onClose?.();\n  };\n\n  const handleClose = () => {\n    props?.onClose?.();\n  };\n\n  const children = useMemo(() => {\n    return React.Children.map(props.children, (child: any) => {\n      return React.cloneElement(child, {\n        onChange: handleClick,\n        onClose: handleClose,\n      });\n    });\n  }, [props.children]);\n\n  useImperativeHandle(ref, () => ({\n    animateOut: animatedRef?.current?.animateOut,\n  }));\n\n  const { bottom } = getSafeAreaInsets();\n\n  return (\n    <AnimatedSheets\n      ref={animatedRef}\n      visible={props.visible}\n      cancel={false}\n      close={false}\n      size={SheetsType.SheetsSize.half}\n      onCancel={handleClose}\n      label={props.label}\n    >\n      <View\n        style={[\n          styles.ActionSheetsContainer,\n          { backgroundColor: themeColor.Bg1 },\n          height ? { minHeight: height } : {},\n          props.style,\n        ]}\n        onLayout={(e) => {\n          setHeight(e.nativeEvent.layout.height);\n        }}\n      >\n        {props.description ? (\n          <View style={[styles.description, { backgroundColor: themeColor.Bg2 }]}>\n            <Text style={styles.descriptionText}>{props.description}</Text>\n          </View>\n        ) : (\n          <></>\n        )}\n        <ScrollView>\n          {props?.data?.map((item) => (\n            <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>\n              <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n                <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n                {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}\n              </View>\n            </TouchableWithoutFeedback>\n          ))}\n          {children}\n        </ScrollView>\n        {props.cancel ? (\n          <TouchableWithoutFeedback onPress={handleClose}>\n            <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>\n              <Text style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n                {props.cancelText || cancelKey}\n              </Text>\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n        <View style={[{ height: bottom, width: \"100%\", backgroundColor: themeColor.Bg }, props.safeAreaStyle]}></View>\n      </View>\n    </AnimatedSheets>\n  );\n});\n\nActionSheets.defaultProps = ActionSheetsDefaultProps;\n\nexport default ActionSheets;\n"],"names":["ActionSheets","forwardRef","props","ref","_props$data","useMounted","themeColor","useThemeColor","cancelKey","useLanguage","_useState","useState","_useState2","_slicedToArray","height","setHeight","animatedRef","useRef","colorMode","useColorMode","styles","createStyles","getActionStyles","type","ActionType","invalid","actionText","color","Disabled","primary","Primary","Title","handleClick","value","_props$onChange","_props$onClose","onChange","call","onClose","handleClose","_props$onClose2","children","useMemo","React","Children","map","child","cloneElement","useImperativeHandle","_animatedRef$current","animateOut","current","_getSafeAreaInsets","getSafeAreaInsets","bottom","createElement","AnimatedSheets","visible","cancel","close","size","SheetsType","half","onCancel","label","View","style","ActionSheetsContainer","backgroundColor","Bg1","minHeight","onLayout","e","nativeEvent","layout","description","Bg2","Text","descriptionText","Fragment","ScrollView","data","item","TouchableWithoutFeedback","onPress","key","concat","action","desc","getActionDescStyles","fontSize","typography","B1FontSize","cancelText","width","Bg","safeAreaStyle","defaultProps","ActionSheetsDefaultProps"],"mappings":"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"}
+{"version":3,"file":"ActionSheets.js","sources":["../../../../src/components/ActionSheets/ActionSheets.tsx"],"sourcesContent":["import React, { useState, useMemo, forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView, Dimensions } from \"react-native\";\nimport { RedsActionSheets, ActionSheetsDefaultProps } from \"./interface/index\";\nimport createStyles, { getActionDescStyles } from \"./styles\";\nimport { useThemeColor, useColorMode } from \"../ConfigProvider\";\nimport { AnimatedSheets, SheetsType } from \"../Sheets\";\nimport { ActionType } from \"./interface\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { getSafeAreaInsets } from \"../StatusBar\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst ActionSheets = forwardRef((props: RedsActionSheets, ref) => {\n  useMounted(\"ActionSheets\");\n  const themeColor = useThemeColor(\"ActionSheets\");\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n  const [height, setHeight] = useState(0);\n  const animatedRef = useRef<any>(null);\n  const colorMode = useColorMode();\n  const styles = createStyles(themeColor);\n\n  const getActionStyles = (type: ActionType) => {\n    if (type === ActionType.invalid) {\n      return [styles.actionText, { color: themeColor.Disabled }];\n    } else if (type === ActionType.primary) {\n      return [styles.actionText, { color: themeColor.Primary }];\n    } else {\n      return [styles.actionText, { color: themeColor.Title }];\n    }\n  };\n\n  const handleClick = (value: string) => {\n    props?.onChange?.(value);\n    props?.onClose?.();\n  };\n\n  const handleClose = () => {\n    props?.onClose?.();\n  };\n\n  const children = useMemo(() => {\n    return React.Children.map(props.children, (child: any) => {\n      return React.cloneElement(child, {\n        onChange: handleClick,\n        onClose: handleClose,\n      });\n    });\n  }, [props.children]);\n\n  useImperativeHandle(ref, () => ({\n    animateOut: animatedRef?.current?.animateOut,\n  }));\n\n  const { bottom } = getSafeAreaInsets();\n\n  return (\n    <AnimatedSheets\n      ref={animatedRef}\n      visible={props.visible}\n      cancel={false}\n      close={false}\n      size={SheetsType.SheetsSize.half}\n      onCancel={handleClose}\n      label={props.label}\n    >\n      <View\n        style={[\n          styles.ActionSheetsContainer,\n          { backgroundColor: themeColor.Bg1 },\n          height ? { minHeight: height } : {},\n          props.style,\n        ]}\n        onLayout={(e) => {\n          setHeight(e.nativeEvent.layout.height);\n        }}\n      >\n        {props.description ? (\n          <View style={[styles.description, { backgroundColor: themeColor.Bg2 }]}>\n            <Text style={styles.descriptionText}>{props.description}</Text>\n          </View>\n        ) : (\n          <></>\n        )}\n        {children?.length > 4 || (props?.data?.length || 0) > 4 ? (\n          <ScrollView>\n            {props?.data?.map((item, index) => (\n              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>\n                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}\n                </View>\n              </TouchableWithoutFeedback>\n            ))}\n            {children}\n          </ScrollView>\n        ) : (\n          <>\n            {props?.data?.map((item) => (\n              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>\n                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}\n                </View>\n              </TouchableWithoutFeedback>\n            ))}\n            {children}\n          </>\n        )}\n        {props.cancel ? (\n          <TouchableWithoutFeedback onPress={handleClose}>\n            <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>\n              <Text style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n                {props.cancelText || cancelKey}\n              </Text>\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n      </View>\n    </AnimatedSheets>\n  );\n});\n\nActionSheets.defaultProps = ActionSheetsDefaultProps;\n\nexport default ActionSheets;\n"],"names":["ActionSheets","forwardRef","props","ref","_props$data","_props$data2","_props$data3","useMounted","themeColor","useThemeColor","cancelKey","useLanguage","_useState","useState","_useState2","_slicedToArray","height","setHeight","animatedRef","useRef","colorMode","useColorMode","styles","createStyles","getActionStyles","type","ActionType","invalid","actionText","color","Disabled","primary","Primary","Title","handleClick","value","_props$onChange","_props$onClose","onChange","call","onClose","handleClose","_props$onClose2","children","useMemo","React","Children","map","child","cloneElement","useImperativeHandle","_animatedRef$current","animateOut","current","_getSafeAreaInsets","getSafeAreaInsets","bottom","createElement","AnimatedSheets","visible","cancel","close","size","SheetsType","half","onCancel","label","View","style","ActionSheetsContainer","backgroundColor","Bg1","minHeight","onLayout","e","nativeEvent","layout","description","Bg2","Text","descriptionText","Fragment","length","data","ScrollView","item","index","TouchableWithoutFeedback","onPress","key","concat","action","desc","getActionDescStyles","fontSize","typography","B1FontSize","cancelText","defaultProps","ActionSheetsDefaultProps"],"mappings":"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"}

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

@@ -11,6 +11,7 @@ var createStyles = function createStyles(themeColor) {
       width: "100%",
       borderTopLeftRadius: 12,
       borderTopRightRadius: 12,
+      overflow: "hidden",
       display: "flex",
       flexDirection: "column",
       maxHeight: reactNative.Dimensions.get("window").height / 2

package/lib/cjs/components/ActionSheets/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/ActionSheets/styles.ts"],"sourcesContent":["import { StyleSheet, Dimensions } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst createStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    ActionSheetsContainer: {\n      width: \"100%\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxHeight: Dimensions.get(\"window\").height / 2,\n    },\n    description: {\n      height: 42,\n      boxSizing: \"border-box\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      width: \"100%\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      flexShrink: 0,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    listStyle: {},\n    descriptionText: {\n      fontSize: typography.C2FontSize,\n      fontWeight: typography.B1FontWeight,\n      color: themeColor.Description,\n    },\n    action: {\n      minHeight: 56,\n      paddingTop: 8,\n      paddingBottom: 8,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      // borderTopLeftRadius: 12,\n      // borderTopRightRadius: 12,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    actionText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      textAlign: \"center\",\n    },\n    cancel: {\n      height: 56,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      boxSizing: \"border-box\",\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      marginTop: 8,\n    },\n  });\n};\n\nexport const getActionDescStyles = (colorMode: string) => {\n  const styles = StyleSheet.create({\n    css: {\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      color: colorMode === \"light\" ? \"rgba(51, 51, 51, 0.6)\" : \"rgba(245, 245, 245, 0.6)\",\n      marginTop: 8,\n    },\n  });\n  return styles.css;\n};\nexport default createStyles;\n"],"names":["createStyles","themeColor","StyleSheet","create","ActionSheetsContainer","width","borderTopLeftRadius","borderTopRightRadius","display","flexDirection","maxHeight","Dimensions","get","height","description","boxSizing","paddingLeft","paddingRight","alignItems","justifyContent","flexShrink","borderBottomColor","Separator","borderBottomWidth","borderBottomStyle","listStyle","descriptionText","fontSize","typography","C2FontSize","fontWeight","B1FontWeight","color","Description","action","minHeight","paddingTop","paddingBottom","actionText","B1FontSize","textAlign","cancel","marginTop","getActionDescStyles","colorMode","styles","css","T3FontSize","T3FontWeight"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/ActionSheets/styles.ts"],"sourcesContent":["import { StyleSheet, Dimensions } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst createStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    ActionSheetsContainer: {\n      width: \"100%\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxHeight: Dimensions.get(\"window\").height / 2,\n    },\n    description: {\n      height: 42,\n      boxSizing: \"border-box\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      width: \"100%\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      flexShrink: 0,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    listStyle: {},\n    descriptionText: {\n      fontSize: typography.C2FontSize,\n      fontWeight: typography.B1FontWeight,\n      color: themeColor.Description,\n    },\n    action: {\n      minHeight: 56,\n      paddingTop: 8,\n      paddingBottom: 8,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      // borderTopLeftRadius: 12,\n      // borderTopRightRadius: 12,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    actionText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      textAlign: \"center\",\n    },\n    cancel: {\n      height: 56,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      boxSizing: \"border-box\",\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      marginTop: 8,\n    },\n  });\n};\n\nexport const getActionDescStyles = (colorMode: string) => {\n  const styles = StyleSheet.create({\n    css: {\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      color: colorMode === \"light\" ? \"rgba(51, 51, 51, 0.6)\" : \"rgba(245, 245, 245, 0.6)\",\n      marginTop: 8,\n    },\n  });\n  return styles.css;\n};\nexport default createStyles;\n"],"names":["createStyles","themeColor","StyleSheet","create","ActionSheetsContainer","width","borderTopLeftRadius","borderTopRightRadius","overflow","display","flexDirection","maxHeight","Dimensions","get","height","description","boxSizing","paddingLeft","paddingRight","alignItems","justifyContent","flexShrink","borderBottomColor","Separator","borderBottomWidth","borderBottomStyle","listStyle","descriptionText","fontSize","typography","C2FontSize","fontWeight","B1FontWeight","color","Description","action","minHeight","paddingTop","paddingBottom","actionText","B1FontSize","textAlign","cancel","marginTop","getActionDescStyles","colorMode","styles","css","T3FontSize","T3FontWeight"],"mappings":"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"}

package/lib/esm/components/ActionSheets/ActionSheets.js

@@ -57,7 +57,7 @@ import '../../_chunks/DRKMsKSW.js';
 import '../StatusBar/hook/useStatusBarHeight.js';
 
 var ActionSheets = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$data;
+  var _props$data, _props$data2, _props$data3;
   useMounted("ActionSheets");
   var themeColor = useThemeColor("ActionSheets");
   var cancelKey = useLanguage("componentKey", "cancelKey");
@@ -106,8 +106,8 @@ var ActionSheets = /*#__PURE__*/forwardRef(function (props, ref) {
       animateOut: animatedRef === null || animatedRef === void 0 || (_animatedRef$current = animatedRef.current) === null || _animatedRef$current === void 0 ? void 0 : _animatedRef$current.animateOut
     };
   });
-  var _getSafeAreaInsets = getSafeAreaInsets(),
-    bottom = _getSafeAreaInsets.bottom;
+  var _getSafeAreaInsets = getSafeAreaInsets();
+    _getSafeAreaInsets.bottom;
   return /* @__PURE__ */React.createElement(AnimatedSheets, {
     ref: animatedRef,
     visible: props.visible,
@@ -131,7 +131,22 @@ var ActionSheets = /*#__PURE__*/forwardRef(function (props, ref) {
     }]
   }, /* @__PURE__ */React.createElement(Text, {
     style: styles.descriptionText
-  }, props.description)) : /* @__PURE__ */React.createElement(React.Fragment, null), /* @__PURE__ */React.createElement(ScrollView, null, props === null || props === void 0 || (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.map(function (item) {
+  }, props.description)) : /* @__PURE__ */React.createElement(React.Fragment, null), (children === null || children === void 0 ? void 0 : children.length) > 4 || ((props === null || props === void 0 || (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) || 0) > 4 ? /* @__PURE__ */React.createElement(ScrollView, null, props === null || props === void 0 || (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.map(function (item, index) {
+    return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
+      onPress: function onPress() {
+        return handleClick(item.value);
+      },
+      key: "".concat(item.label).concat(item.value)
+    }, /* @__PURE__ */React.createElement(View, {
+      style: [styles.action, {
+        backgroundColor: themeColor.Bg2
+      }]
+    }, /* @__PURE__ */React.createElement(Text, {
+      style: getActionStyles(item.type)
+    }, item.label), item.desc ? /* @__PURE__ */React.createElement(Text, {
+      style: getActionDescStyles(colorMode)
+    }, item.desc) : /* @__PURE__ */React.createElement(React.Fragment, null)));
+  }), children) : /* @__PURE__ */React.createElement(React.Fragment, null, props === null || props === void 0 || (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.map(function (item) {
     return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
       onPress: function onPress() {
         return handleClick(item.value);
@@ -157,13 +172,7 @@ var ActionSheets = /*#__PURE__*/forwardRef(function (props, ref) {
       color: themeColor.Title,
       fontSize: typography.B1FontSize
     }
-  }, props.cancelText || cancelKey))) : /* @__PURE__ */React.createElement(React.Fragment, null), /* @__PURE__ */React.createElement(View, {
-    style: [{
-      height: bottom,
-      width: "100%",
-      backgroundColor: themeColor.Bg
-    }, props.safeAreaStyle]
-  })));
+  }, props.cancelText || cancelKey))) : /* @__PURE__ */React.createElement(React.Fragment, null)));
 });
 ActionSheets.defaultProps = ActionSheetsDefaultProps;
 

package/lib/esm/components/ActionSheets/ActionSheets.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheets.js","sources":["../../../../src/components/ActionSheets/ActionSheets.tsx"],"sourcesContent":["import React, { useState, useMemo, forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView, Dimensions } from \"react-native\";\nimport { RedsActionSheets, ActionSheetsDefaultProps } from \"./interface/index\";\nimport createStyles, { getActionDescStyles } from \"./styles\";\nimport { useThemeColor, useColorMode } from \"../ConfigProvider\";\nimport { AnimatedSheets, SheetsType } from \"../Sheets\";\nimport { ActionType } from \"./interface\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { getSafeAreaInsets } from \"../StatusBar\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst ActionSheets = forwardRef((props: RedsActionSheets, ref) => {\n  useMounted(\"ActionSheets\");\n  const themeColor = useThemeColor(\"ActionSheets\");\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n  const [height, setHeight] = useState(0);\n  const animatedRef = useRef<any>(null);\n  const colorMode = useColorMode();\n  const styles = createStyles(themeColor);\n\n  const getActionStyles = (type: ActionType) => {\n    if (type === ActionType.invalid) {\n      return [styles.actionText, { color: themeColor.Disabled }];\n    } else if (type === ActionType.primary) {\n      return [styles.actionText, { color: themeColor.Primary }];\n    } else {\n      return [styles.actionText, { color: themeColor.Title }];\n    }\n  };\n\n  const handleClick = (value: string) => {\n    props?.onChange?.(value);\n    props?.onClose?.();\n  };\n\n  const handleClose = () => {\n    props?.onClose?.();\n  };\n\n  const children = useMemo(() => {\n    return React.Children.map(props.children, (child: any) => {\n      return React.cloneElement(child, {\n        onChange: handleClick,\n        onClose: handleClose,\n      });\n    });\n  }, [props.children]);\n\n  useImperativeHandle(ref, () => ({\n    animateOut: animatedRef?.current?.animateOut,\n  }));\n\n  const { bottom } = getSafeAreaInsets();\n\n  return (\n    <AnimatedSheets\n      ref={animatedRef}\n      visible={props.visible}\n      cancel={false}\n      close={false}\n      size={SheetsType.SheetsSize.half}\n      onCancel={handleClose}\n      label={props.label}\n    >\n      <View\n        style={[\n          styles.ActionSheetsContainer,\n          { backgroundColor: themeColor.Bg1 },\n          height ? { minHeight: height } : {},\n          props.style,\n        ]}\n        onLayout={(e) => {\n          setHeight(e.nativeEvent.layout.height);\n        }}\n      >\n        {props.description ? (\n          <View style={[styles.description, { backgroundColor: themeColor.Bg2 }]}>\n            <Text style={styles.descriptionText}>{props.description}</Text>\n          </View>\n        ) : (\n          <></>\n        )}\n        <ScrollView>\n          {props?.data?.map((item) => (\n            <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>\n              <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n                <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n                {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}\n              </View>\n            </TouchableWithoutFeedback>\n          ))}\n          {children}\n        </ScrollView>\n        {props.cancel ? (\n          <TouchableWithoutFeedback onPress={handleClose}>\n            <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>\n              <Text style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n                {props.cancelText || cancelKey}\n              </Text>\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n        <View style={[{ height: bottom, width: \"100%\", backgroundColor: themeColor.Bg }, props.safeAreaStyle]}></View>\n      </View>\n    </AnimatedSheets>\n  );\n});\n\nActionSheets.defaultProps = ActionSheetsDefaultProps;\n\nexport default ActionSheets;\n"],"names":["ActionSheets","forwardRef","props","ref","_props$data","useMounted","themeColor","useThemeColor","cancelKey","useLanguage","_useState","useState","_useState2","_slicedToArray","height","setHeight","animatedRef","useRef","colorMode","useColorMode","styles","createStyles","getActionStyles","type","ActionType","invalid","actionText","color","Disabled","primary","Primary","Title","handleClick","value","_props$onChange","_props$onClose","onChange","call","onClose","handleClose","_props$onClose2","children","useMemo","React","Children","map","child","cloneElement","useImperativeHandle","_animatedRef$current","animateOut","current","_getSafeAreaInsets","getSafeAreaInsets","bottom","createElement","AnimatedSheets","visible","cancel","close","size","SheetsType","half","onCancel","label","View","style","ActionSheetsContainer","backgroundColor","Bg1","minHeight","onLayout","e","nativeEvent","layout","description","Bg2","Text","descriptionText","Fragment","ScrollView","data","item","TouchableWithoutFeedback","onPress","key","concat","action","desc","getActionDescStyles","fontSize","typography","B1FontSize","cancelText","width","Bg","safeAreaStyle","defaultProps","ActionSheetsDefaultProps"],"mappings":"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"}
+{"version":3,"file":"ActionSheets.js","sources":["../../../../src/components/ActionSheets/ActionSheets.tsx"],"sourcesContent":["import React, { useState, useMemo, forwardRef, useImperativeHandle, useRef } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView, Dimensions } from \"react-native\";\nimport { RedsActionSheets, ActionSheetsDefaultProps } from \"./interface/index\";\nimport createStyles, { getActionDescStyles } from \"./styles\";\nimport { useThemeColor, useColorMode } from \"../ConfigProvider\";\nimport { AnimatedSheets, SheetsType } from \"../Sheets\";\nimport { ActionType } from \"./interface\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nimport { getSafeAreaInsets } from \"../StatusBar\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst ActionSheets = forwardRef((props: RedsActionSheets, ref) => {\n  useMounted(\"ActionSheets\");\n  const themeColor = useThemeColor(\"ActionSheets\");\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n  const [height, setHeight] = useState(0);\n  const animatedRef = useRef<any>(null);\n  const colorMode = useColorMode();\n  const styles = createStyles(themeColor);\n\n  const getActionStyles = (type: ActionType) => {\n    if (type === ActionType.invalid) {\n      return [styles.actionText, { color: themeColor.Disabled }];\n    } else if (type === ActionType.primary) {\n      return [styles.actionText, { color: themeColor.Primary }];\n    } else {\n      return [styles.actionText, { color: themeColor.Title }];\n    }\n  };\n\n  const handleClick = (value: string) => {\n    props?.onChange?.(value);\n    props?.onClose?.();\n  };\n\n  const handleClose = () => {\n    props?.onClose?.();\n  };\n\n  const children = useMemo(() => {\n    return React.Children.map(props.children, (child: any) => {\n      return React.cloneElement(child, {\n        onChange: handleClick,\n        onClose: handleClose,\n      });\n    });\n  }, [props.children]);\n\n  useImperativeHandle(ref, () => ({\n    animateOut: animatedRef?.current?.animateOut,\n  }));\n\n  const { bottom } = getSafeAreaInsets();\n\n  return (\n    <AnimatedSheets\n      ref={animatedRef}\n      visible={props.visible}\n      cancel={false}\n      close={false}\n      size={SheetsType.SheetsSize.half}\n      onCancel={handleClose}\n      label={props.label}\n    >\n      <View\n        style={[\n          styles.ActionSheetsContainer,\n          { backgroundColor: themeColor.Bg1 },\n          height ? { minHeight: height } : {},\n          props.style,\n        ]}\n        onLayout={(e) => {\n          setHeight(e.nativeEvent.layout.height);\n        }}\n      >\n        {props.description ? (\n          <View style={[styles.description, { backgroundColor: themeColor.Bg2 }]}>\n            <Text style={styles.descriptionText}>{props.description}</Text>\n          </View>\n        ) : (\n          <></>\n        )}\n        {children?.length > 4 || (props?.data?.length || 0) > 4 ? (\n          <ScrollView>\n            {props?.data?.map((item, index) => (\n              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>\n                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}\n                </View>\n              </TouchableWithoutFeedback>\n            ))}\n            {children}\n          </ScrollView>\n        ) : (\n          <>\n            {props?.data?.map((item) => (\n              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>\n                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>\n                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>\n                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}\n                </View>\n              </TouchableWithoutFeedback>\n            ))}\n            {children}\n          </>\n        )}\n        {props.cancel ? (\n          <TouchableWithoutFeedback onPress={handleClose}>\n            <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>\n              <Text style={{ color: themeColor.Title, fontSize: typography.B1FontSize }}>\n                {props.cancelText || cancelKey}\n              </Text>\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n      </View>\n    </AnimatedSheets>\n  );\n});\n\nActionSheets.defaultProps = ActionSheetsDefaultProps;\n\nexport default ActionSheets;\n"],"names":["ActionSheets","forwardRef","props","ref","_props$data","_props$data2","_props$data3","useMounted","themeColor","useThemeColor","cancelKey","useLanguage","_useState","useState","_useState2","_slicedToArray","height","setHeight","animatedRef","useRef","colorMode","useColorMode","styles","createStyles","getActionStyles","type","ActionType","invalid","actionText","color","Disabled","primary","Primary","Title","handleClick","value","_props$onChange","_props$onClose","onChange","call","onClose","handleClose","_props$onClose2","children","useMemo","React","Children","map","child","cloneElement","useImperativeHandle","_animatedRef$current","animateOut","current","_getSafeAreaInsets","getSafeAreaInsets","bottom","createElement","AnimatedSheets","visible","cancel","close","size","SheetsType","half","onCancel","label","View","style","ActionSheetsContainer","backgroundColor","Bg1","minHeight","onLayout","e","nativeEvent","layout","description","Bg2","Text","descriptionText","Fragment","length","data","ScrollView","item","index","TouchableWithoutFeedback","onPress","key","concat","action","desc","getActionDescStyles","fontSize","typography","B1FontSize","cancelText","defaultProps","ActionSheetsDefaultProps"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ var createStyles = function createStyles(themeColor) {
       width: "100%",
       borderTopLeftRadius: 12,
       borderTopRightRadius: 12,
+      overflow: "hidden",
       display: "flex",
       flexDirection: "column",
       maxHeight: Dimensions.get("window").height / 2

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/ActionSheets/styles.ts"],"sourcesContent":["import { StyleSheet, Dimensions } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst createStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    ActionSheetsContainer: {\n      width: \"100%\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxHeight: Dimensions.get(\"window\").height / 2,\n    },\n    description: {\n      height: 42,\n      boxSizing: \"border-box\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      width: \"100%\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      flexShrink: 0,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    listStyle: {},\n    descriptionText: {\n      fontSize: typography.C2FontSize,\n      fontWeight: typography.B1FontWeight,\n      color: themeColor.Description,\n    },\n    action: {\n      minHeight: 56,\n      paddingTop: 8,\n      paddingBottom: 8,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      // borderTopLeftRadius: 12,\n      // borderTopRightRadius: 12,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    actionText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      textAlign: \"center\",\n    },\n    cancel: {\n      height: 56,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      boxSizing: \"border-box\",\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      marginTop: 8,\n    },\n  });\n};\n\nexport const getActionDescStyles = (colorMode: string) => {\n  const styles = StyleSheet.create({\n    css: {\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      color: colorMode === \"light\" ? \"rgba(51, 51, 51, 0.6)\" : \"rgba(245, 245, 245, 0.6)\",\n      marginTop: 8,\n    },\n  });\n  return styles.css;\n};\nexport default createStyles;\n"],"names":["createStyles","themeColor","StyleSheet","create","ActionSheetsContainer","width","borderTopLeftRadius","borderTopRightRadius","display","flexDirection","maxHeight","Dimensions","get","height","description","boxSizing","paddingLeft","paddingRight","alignItems","justifyContent","flexShrink","borderBottomColor","Separator","borderBottomWidth","borderBottomStyle","listStyle","descriptionText","fontSize","typography","C2FontSize","fontWeight","B1FontWeight","color","Description","action","minHeight","paddingTop","paddingBottom","actionText","B1FontSize","textAlign","cancel","marginTop","getActionDescStyles","colorMode","styles","css","T3FontSize","T3FontWeight"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/ActionSheets/styles.ts"],"sourcesContent":["import { StyleSheet, Dimensions } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst createStyles = (themeColor: any) => {\n  return StyleSheet.create({\n    ActionSheetsContainer: {\n      width: \"100%\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      overflow: \"hidden\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxHeight: Dimensions.get(\"window\").height / 2,\n    },\n    description: {\n      height: 42,\n      boxSizing: \"border-box\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      width: \"100%\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      borderTopLeftRadius: 12,\n      borderTopRightRadius: 12,\n      flexShrink: 0,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    listStyle: {},\n    descriptionText: {\n      fontSize: typography.C2FontSize,\n      fontWeight: typography.B1FontWeight,\n      color: themeColor.Description,\n    },\n    action: {\n      minHeight: 56,\n      paddingTop: 8,\n      paddingBottom: 8,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      // borderTopLeftRadius: 12,\n      // borderTopRightRadius: 12,\n      borderBottomColor: themeColor.Separator,\n      borderBottomWidth: 0.5,\n      borderBottomStyle: \"solid\",\n    },\n    actionText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      textAlign: \"center\",\n    },\n    cancel: {\n      height: 56,\n      width: \"100%\",\n      paddingLeft: 24,\n      paddingRight: 24,\n      boxSizing: \"border-box\",\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      marginTop: 8,\n    },\n  });\n};\n\nexport const getActionDescStyles = (colorMode: string) => {\n  const styles = StyleSheet.create({\n    css: {\n      fontSize: typography.T3FontSize,\n      fontWeight: typography.T3FontWeight,\n      color: colorMode === \"light\" ? \"rgba(51, 51, 51, 0.6)\" : \"rgba(245, 245, 245, 0.6)\",\n      marginTop: 8,\n    },\n  });\n  return styles.css;\n};\nexport default createStyles;\n"],"names":["createStyles","themeColor","StyleSheet","create","ActionSheetsContainer","width","borderTopLeftRadius","borderTopRightRadius","overflow","display","flexDirection","maxHeight","Dimensions","get","height","description","boxSizing","paddingLeft","paddingRight","alignItems","justifyContent","flexShrink","borderBottomColor","Separator","borderBottomWidth","borderBottomStyle","listStyle","descriptionText","fontSize","typography","C2FontSize","fontWeight","B1FontWeight","color","Description","action","minHeight","paddingTop","paddingBottom","actionText","B1FontSize","textAlign","cancel","marginTop","getActionDescStyles","colorMode","styles","css","T3FontSize","T3FontWeight"],"mappings":"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"}

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

@@ -3,6 +3,7 @@ declare const createStyles: (themeColor: any) => {
         width: "100%";
         borderTopLeftRadius: number;
         borderTopRightRadius: number;
+        overflow: "hidden";
         display: "flex";
         flexDirection: "column";
         maxHeight: number;

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

@@ -3,6 +3,7 @@ declare const createStyles: (themeColor: any) => {
         width: "100%";
         borderTopLeftRadius: number;
         borderTopRightRadius: number;
+        overflow: "hidden";
         display: "flex";
         flexDirection: "column";
         maxHeight: number;

package/package.json

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

package/src/components/ActionSheets/ActionSheets.tsx

@@ -80,17 +80,31 @@ const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
         ) : (
           <></>
         )}
-        <ScrollView>
-          {props?.data?.map((item) => (
-            <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
-              <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
-                <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
-                {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
-              </View>
-            </TouchableWithoutFeedback>
-          ))}
-          {children}
-        </ScrollView>
+        {children?.length > 4 || (props?.data?.length || 0) > 4 ? (
+          <ScrollView>
+            {props?.data?.map((item, index) => (
+              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
+                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
+                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
+                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
+                </View>
+              </TouchableWithoutFeedback>
+            ))}
+            {children}
+          </ScrollView>
+        ) : (
+          <>
+            {props?.data?.map((item) => (
+              <TouchableWithoutFeedback onPress={() => handleClick(item.value)} key={`${item.label}${item.value}`}>
+                <View style={[styles.action, { backgroundColor: themeColor.Bg2 }]}>
+                  <Text style={getActionStyles(item.type as ActionType)}>{item.label}</Text>
+                  {item.desc ? <Text style={getActionDescStyles(colorMode)}>{item.desc}</Text> : <></>}
+                </View>
+              </TouchableWithoutFeedback>
+            ))}
+            {children}
+          </>
+        )}
         {props.cancel ? (
           <TouchableWithoutFeedback onPress={handleClose}>
             <View style={[styles.cancel, { backgroundColor: themeColor.Bg2 }]}>
@@ -102,7 +116,6 @@ const ActionSheets = forwardRef((props: RedsActionSheets, ref) => {
         ) : (
           <></>
         )}
-        <View style={[{ height: bottom, width: "100%", backgroundColor: themeColor.Bg }, props.safeAreaStyle]}></View>
       </View>
     </AnimatedSheets>
   );

package/src/components/ActionSheets/styles.ts

@@ -6,6 +6,7 @@ const createStyles = (themeColor: any) => {
       width: "100%",
       borderTopLeftRadius: 12,
       borderTopRightRadius: 12,
+      overflow: "hidden",
       display: "flex",
       flexDirection: "column",
       maxHeight: Dimensions.get("window").height / 2,