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

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

@@ -1 +1 @@
-{"/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"}}
+{"/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-9.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/Tag/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Tag/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":31},"end":{"line":16,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Tag/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent, TextStyle, ViewStyle } from \"react-native\";\nexport interface RedsTag {\n  content?: string | Function;\n  type?: \"primary\" | \"default\" | \"warning\" | \"success\" | \"info\" | \"ghost\" | \"secondary\";\n  size?: \"mini\" | \"small\" | \"medium\" | \"large\";\n  plain?: boolean;\n  borderRadius?: number;\n  disabled?: boolean;\n  shape?: \"square\" | \"round\" | \"mark\";\n  closeabled?: boolean;\n  textStyle?: TextStyle;\n  style?: ViewStyle;\n  icon?: string | any;\n  afterIcon?: string | any;\n  closeIcon?: string | any;\n  children?: string | any;\n  onClose?: (value?: any) => any;\n  onClick?: (value: GestureResponderEvent) => any;\n}\n\nexport interface RedsTagEvent {}\nexport const TagDefaultProps = {\n  content: undefined,\n  type: \"default\",\n  size: \"medium\",\n  plain: false,\n  borderRadius: undefined,\n  disabled: false,\n  shape: \"square\",\n  closeabled: false,\n  textStyle: {},\n  style: {},\n  icon: undefined,\n  afterIcon: undefined,\n  closeIcon: undefined,\n  children: undefined,\n};\n"],"mappings":"AAqBO,aAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW,CAAC;AAAA,EACZ,OAAO,CAAC;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AACZ;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"83025f6218a4cebb18a93188da8ce208531220a8"}}

package/lib/cjs/components/Alert/Alert.js

@@ -124,12 +124,14 @@ var Alert = function Alert(props) {
     style: [styles.messageText, align === "left" && styles.messageLeft]
   }, message)) : children), footer ? footer : /* @__PURE__ */React.createElement(reactNative.View, {
     style: [styles.footer, footerLayout === "vertical" ? styles.footerVertical : styles.footerHorizontal, footerType === "text" && styles.footerText, props.footerStyle]
-  }, showCancelButton && /* @__PURE__ */React.createElement(components_Button_Button.default, _rollupPluginBabelHelpers._objectSpread2({
+  }, showCancelButton && /* @__PURE__ */React.createElement(components_Button_Button.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
     variant: footerType === "text" ? "text" : "outline",
     onClick: handleCancel,
-    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, footerLayout === "vertical" ? styles.verButton : styles.button), cancelBtnStyle),
-    size: footerType === "text" ? "large" : "medium"
-  }, props.cancelBtnProps || {}), cancelText || cancelKey), footerType === "text" && showCancelButton && (footerLayout === "vertical" ?
+    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, footerLayout === "vertical" ? styles.verCancelButton : styles.cancelButton), cancelBtnStyle),
+    size: footerType === "text" ? footerLayout === "vertical" ? "medium" : "large" : "medium"
+  }, props.cancelBtnProps || {}), {}, {
+    textStyle: styles.cancelText
+  }), cancelText || cancelKey), footerType === "text" && showCancelButton && (footerLayout === "vertical" ?
   // @ts-ignore
   /* @__PURE__ */
   React.createElement(reactNative.View, {
@@ -145,9 +147,9 @@ var Alert = function Alert(props) {
     type: "primary",
     variant: footerType === "text" ? "text" : "fill",
     onClick: handleConfirm,
-    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, footerType === "text" ? styles.button : styles.confirmButton), confirmBtnStyle),
+    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, footerType === "text" ? styles.button : styles.confirmButton), footerLayout === "vertical" ? styles.verButton : styles.confirmButton), confirmBtnStyle),
     textStyle: confirmBtnTextStyle,
-    size: footerType === "text" ? "large" : "medium"
+    size: footerType === "text" ? footerLayout === "vertical" ? "medium" : "large" : "medium"
   }, props.confirmBtnProps || {}), confirmText || confirmKey)))))) : null;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport {\n  View,\n  Text,\n  Modal,\n  Image,\n  ScrollView,\n  TouchableWithoutFeedback,\n  StyleSheet,\n  GestureResponderEvent,\n  Animated,\n  TouchableOpacity,\n} from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert, AlertDefaultProps } from \"./interface\";\nimport { Button } from \"../Button\";\nimport { Divider } from \"../Divider\";\nimport { Portal } from \"../Portal\";\nimport { style } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\n// const AlertView: React.FC<RedsAlert> = (props) => {\n//   const finalProps = { ...AlertDefaultProps, ...props };\n//   const {\n//     show,\n//     title,\n//     message,\n//     confirmText,\n//     cancelText,\n//     onConfirm,\n//     onCancel,\n//     onOpen,\n//     onClose,\n//     align,\n//     // showScrollOverlay,\n//     footerLayout,\n//     showConfirmButton,\n//     showCancelButton,\n//     mask,\n//     footerType,\n//     header,\n//     footer,\n//     children,\n//     onMask,\n//     confirmBtnStyle,\n//   } = finalProps;\n//   const themeColor = useThemeColor(\"Alert\");\n//   const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n//   const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n//   const styles = style(props);\n//   // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n//   const fadeAnim = useRef(new Animated.Value(0)).current;\n\n//   useEffect(() => {\n//     if (show && onOpen) onOpen();\n//     if (!show && onClose) onClose();\n//   }, [show]);\n\n//   const handleConfirm = (e: GestureResponderEvent) => {\n//     if (onConfirm) onConfirm(e);\n//   };\n\n//   const handleCancel = (e: GestureResponderEvent) => {\n//     if (onCancel) onCancel(e);\n//   };\n//   return show ? (\n//     <>\n//       <Animated.View\n//         style={[\n//           styles.centeredView,\n//           {\n//             transform: [\n//               {\n//                 scale: fadeAnim.interpolate({\n//                   inputRange: [0, 1],\n//                   outputRange: [1, 1],\n//                 }),\n//               },\n//             ],\n//           },\n//         ]}\n//       >\n//         {mask && (\n//           <TouchableOpacity onPress={() => { console.log('onMask xxxx')}} activeOpacity={1}>\n//             <View style={styles.modalOverlay} />\n//           </TouchableOpacity>\n//         )}\n\n//       </Animated.View>\n//     </>\n//   ) : null;\n// };\n\nconst Alert: React.FC<RedsAlert> = (props) => {\n  const finalProps = { ...AlertDefaultProps, ...props };\n  const typography = useThemeTypography(\"Button\");\n  const {\n    show,\n    title,\n    message,\n    confirmText,\n    cancelText,\n    onConfirm,\n    onCancel,\n    onOpen,\n    onClose,\n    align,\n    // showScrollOverlay,\n    footerLayout,\n    showConfirmButton,\n    showCancelButton,\n    mask,\n    footerType,\n    header,\n    footer,\n    children,\n    confirmBtnStyle,\n    cancelBtnStyle,\n    confirmBtnTextStyle,\n    hostName,\n    onMask,\n  } = finalProps;\n\n  const styles = style(props);\n  // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n  const fadeAnim = useRef(new Animated.Value(0)).current;\n\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n\n  const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n\n  useEffect(() => {\n    if (show && onOpen) onOpen();\n    if (!show && onClose) onClose();\n  }, [show]);\n\n  const handleConfirm = (e: GestureResponderEvent) => {\n    if (onConfirm) onConfirm(e);\n  };\n\n  const handleCancel = (e: GestureResponderEvent) => {\n    if (onCancel) onCancel(e);\n  };\n  useMounted(\"Alert\");\n  return show ? (\n    <Portal hostName={hostName}>\n      <View style={styles.centeredView}>\n        {mask && (\n          <TouchableWithoutFeedback onPress={onMask}>\n            <View style={styles.modalOverlay} />\n          </TouchableWithoutFeedback>\n        )}\n        <Animated.View\n          style={[\n            {\n              transform: [\n                {\n                  scale: fadeAnim.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [1, 1],\n                  }),\n                },\n              ],\n            },\n          ]}\n        >\n          <View style={[styles.alertContainer, { top: props.offset?.y || 0, left: props.offset?.x || 0 }]}>\n            {header}\n            <View style={[styles.alertContent, props.contentStyle]}>\n              <Text style={styles.title}>{title}</Text>\n              {message ? (\n                <ScrollView\n                  // onContentSizeChange={handleContentSizeChange}\n                  // onScroll={handleScrollView}\n                  style={[styles.message]}\n                  scrollEventThrottle={16}\n                >\n                  <Text style={[styles.messageText, align === \"left\" && styles.messageLeft]}>{message}</Text>\n                </ScrollView>\n              ) : (\n                children\n              )}\n              {/* {showScrollOverlay && hasScrollToBottom && canScroll ? (\n                <Image source={{ uri: scrollViewMask.default }} style={styles.scrollOverlay} />\n              ) : null} */}\n            </View>\n            {footer ? (\n              footer\n            ) : (\n              <View\n                style={[\n                  styles.footer,\n                  footerLayout === \"vertical\" ? styles.footerVertical : styles.footerHorizontal,\n                  footerType === \"text\" && styles.footerText,\n                  props.footerStyle,\n                ]}\n              >\n                {showCancelButton && (\n                  <Button\n                    variant={footerType === \"text\" ? \"text\" : \"outline\"}\n                    onClick={handleCancel}\n                    style={{ ...(footerLayout === \"vertical\" ? styles.verButton : styles.button), ...cancelBtnStyle }}\n                    size={footerType === \"text\" ? \"large\" : \"medium\"}\n                    {...(props.cancelBtnProps || {})}\n                  >\n                    {cancelText || cancelKey}\n                  </Button>\n                )}\n                {footerType === \"text\" &&\n                  showCancelButton &&\n                  (footerLayout === \"vertical\" ? (\n                    // @ts-ignore\n                    <View direction={\"horizontal\"} style={styles.horizontalLine} />\n                  ) : (\n                    // @ts-ignore\n                    <View direction={\"vertical\"} style={styles.verticalLine} />\n                  ))}\n                {showConfirmButton && (\n                  <Button\n                    type=\"primary\"\n                    variant={footerType === \"text\" ? \"text\" : \"fill\"}\n                    onClick={handleConfirm}\n                    style={{\n                      ...(footerType === \"text\" ? styles.button : styles.confirmButton),\n                      ...confirmBtnStyle,\n                    }}\n                    textStyle={confirmBtnTextStyle}\n                    size={footerType === \"text\" ? \"large\" : \"medium\"}\n                    {...(props.confirmBtnProps || {})}\n                  >\n                    {confirmText || confirmKey}\n                  </Button>\n                )}\n              </View>\n            )}\n          </View>\n        </Animated.View>\n      </View>\n    </Portal>\n  ) : null;\n};\n\nexport default Alert;\n"],"names":["Alert","props","_props$offset","_props$offset2","finalProps","_objectSpread","AlertDefaultProps","useThemeTypography","show","title","message","confirmText","cancelText","onConfirm","onCancel","onOpen","onClose","align","footerLayout","showConfirmButton","showCancelButton","mask","footerType","header","footer","children","confirmBtnStyle","cancelBtnStyle","confirmBtnTextStyle","hostName","onMask","styles","style","fadeAnim","useRef","Animated","Value","current","cancelKey","useLanguage","confirmKey","useEffect","handleConfirm","e","handleCancel","useMounted","Portal","View","centeredView","TouchableWithoutFeedback","onPress","React","createElement","modalOverlay","transform","scale","interpolate","inputRange","outputRange","alertContainer","top","offset","y","left","x","alertContent","contentStyle","Text","ScrollView","scrollEventThrottle","messageText","messageLeft","footerVertical","footerHorizontal","footerText","footerStyle","Button","variant","onClick","verButton","button","size","cancelBtnProps","direction","horizontalLine","verticalLine","type","confirmButton","textStyle","confirmBtnProps"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport {\n  View,\n  Text,\n  Modal,\n  Image,\n  ScrollView,\n  TouchableWithoutFeedback,\n  StyleSheet,\n  GestureResponderEvent,\n  Animated,\n  TouchableOpacity,\n} from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert, AlertDefaultProps } from \"./interface\";\nimport { Button } from \"../Button\";\nimport { Divider } from \"../Divider\";\nimport { Portal } from \"../Portal\";\nimport { style } from \"./styles\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\n// const AlertView: React.FC<RedsAlert> = (props) => {\n//   const finalProps = { ...AlertDefaultProps, ...props };\n//   const {\n//     show,\n//     title,\n//     message,\n//     confirmText,\n//     cancelText,\n//     onConfirm,\n//     onCancel,\n//     onOpen,\n//     onClose,\n//     align,\n//     // showScrollOverlay,\n//     footerLayout,\n//     showConfirmButton,\n//     showCancelButton,\n//     mask,\n//     footerType,\n//     header,\n//     footer,\n//     children,\n//     onMask,\n//     confirmBtnStyle,\n//   } = finalProps;\n//   const themeColor = useThemeColor(\"Alert\");\n//   const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n//   const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n//   const styles = style(props);\n//   // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n//   const fadeAnim = useRef(new Animated.Value(0)).current;\n\n//   useEffect(() => {\n//     if (show && onOpen) onOpen();\n//     if (!show && onClose) onClose();\n//   }, [show]);\n\n//   const handleConfirm = (e: GestureResponderEvent) => {\n//     if (onConfirm) onConfirm(e);\n//   };\n\n//   const handleCancel = (e: GestureResponderEvent) => {\n//     if (onCancel) onCancel(e);\n//   };\n//   return show ? (\n//     <>\n//       <Animated.View\n//         style={[\n//           styles.centeredView,\n//           {\n//             transform: [\n//               {\n//                 scale: fadeAnim.interpolate({\n//                   inputRange: [0, 1],\n//                   outputRange: [1, 1],\n//                 }),\n//               },\n//             ],\n//           },\n//         ]}\n//       >\n//         {mask && (\n//           <TouchableOpacity onPress={() => { console.log('onMask xxxx')}} activeOpacity={1}>\n//             <View style={styles.modalOverlay} />\n//           </TouchableOpacity>\n//         )}\n\n//       </Animated.View>\n//     </>\n//   ) : null;\n// };\n\nconst Alert: React.FC<RedsAlert> = (props) => {\n  const finalProps = { ...AlertDefaultProps, ...props };\n  const typography = useThemeTypography(\"Button\");\n  const {\n    show,\n    title,\n    message,\n    confirmText,\n    cancelText,\n    onConfirm,\n    onCancel,\n    onOpen,\n    onClose,\n    align,\n    // showScrollOverlay,\n    footerLayout,\n    showConfirmButton,\n    showCancelButton,\n    mask,\n    footerType,\n    header,\n    footer,\n    children,\n    confirmBtnStyle,\n    cancelBtnStyle,\n    confirmBtnTextStyle,\n    hostName,\n    onMask,\n  } = finalProps;\n\n  const styles = style(props);\n  // const [hasScrollToBottom, setHasScrollToBottom] = useState(true);\n  const fadeAnim = useRef(new Animated.Value(0)).current;\n\n  const cancelKey = useLanguage(\"componentKey\", \"cancelKey\");\n\n  const confirmKey = useLanguage(\"componentKey\", \"confirmKey\");\n\n  useEffect(() => {\n    if (show && onOpen) onOpen();\n    if (!show && onClose) onClose();\n  }, [show]);\n\n  const handleConfirm = (e: GestureResponderEvent) => {\n    if (onConfirm) onConfirm(e);\n  };\n\n  const handleCancel = (e: GestureResponderEvent) => {\n    if (onCancel) onCancel(e);\n  };\n  useMounted(\"Alert\");\n  return show ? (\n    <Portal hostName={hostName}>\n      <View style={styles.centeredView}>\n        {mask && (\n          <TouchableWithoutFeedback onPress={onMask}>\n            <View style={styles.modalOverlay} />\n          </TouchableWithoutFeedback>\n        )}\n        <Animated.View\n          style={[\n            {\n              transform: [\n                {\n                  scale: fadeAnim.interpolate({\n                    inputRange: [0, 1],\n                    outputRange: [1, 1],\n                  }),\n                },\n              ],\n            },\n          ]}\n        >\n          <View style={[styles.alertContainer, { top: props.offset?.y || 0, left: props.offset?.x || 0 }]}>\n            {header}\n            <View style={[styles.alertContent, props.contentStyle]}>\n              <Text style={styles.title}>{title}</Text>\n              {message ? (\n                <ScrollView\n                  // onContentSizeChange={handleContentSizeChange}\n                  // onScroll={handleScrollView}\n                  style={[styles.message]}\n                  scrollEventThrottle={16}\n                >\n                  <Text style={[styles.messageText, align === \"left\" && styles.messageLeft]}>{message}</Text>\n                </ScrollView>\n              ) : (\n                children\n              )}\n              {/* {showScrollOverlay && hasScrollToBottom && canScroll ? (\n                <Image source={{ uri: scrollViewMask.default }} style={styles.scrollOverlay} />\n              ) : null} */}\n            </View>\n            {footer ? (\n              footer\n            ) : (\n              <View\n                style={[\n                  styles.footer,\n                  footerLayout === \"vertical\" ? styles.footerVertical : styles.footerHorizontal,\n                  footerType === \"text\" && styles.footerText,\n                  props.footerStyle,\n                ]}\n              >\n                {showCancelButton && (\n                  <Button\n                    variant={footerType === \"text\" ? \"text\" : \"outline\"}\n                    onClick={handleCancel}\n                    style={{\n                      ...(footerLayout === \"vertical\" ? styles.verCancelButton : styles.cancelButton),\n                      ...cancelBtnStyle,\n                    }}\n                    size={footerType === \"text\" ? (footerLayout === \"vertical\" ? \"medium\" : \"large\") : \"medium\"}\n                    {...(props.cancelBtnProps || {})}\n                    textStyle={styles.cancelText}\n                  >\n                    {cancelText || cancelKey}\n                  </Button>\n                )}\n                {footerType === \"text\" &&\n                  showCancelButton &&\n                  (footerLayout === \"vertical\" ? (\n                    // @ts-ignore\n                    <View direction={\"horizontal\"} style={styles.horizontalLine} />\n                  ) : (\n                    // @ts-ignore\n                    <View direction={\"vertical\"} style={styles.verticalLine} />\n                  ))}\n                {showConfirmButton && (\n                  <Button\n                    type=\"primary\"\n                    variant={footerType === \"text\" ? \"text\" : \"fill\"}\n                    onClick={handleConfirm}\n                    style={{\n                      ...(footerType === \"text\" ? styles.button : styles.confirmButton),\n                      ...(footerLayout === \"vertical\" ? styles.verButton : styles.confirmButton),\n                      ...confirmBtnStyle,\n                    }}\n                    textStyle={confirmBtnTextStyle}\n                    size={footerType === \"text\" ? (footerLayout === \"vertical\" ? \"medium\" : \"large\") : \"medium\"}\n                    {...(props.confirmBtnProps || {})}\n                  >\n                    {confirmText || confirmKey}\n                  </Button>\n                )}\n              </View>\n            )}\n          </View>\n        </Animated.View>\n      </View>\n    </Portal>\n  ) : null;\n};\n\nexport default Alert;\n"],"names":["Alert","props","_props$offset","_props$offset2","finalProps","_objectSpread","AlertDefaultProps","useThemeTypography","show","title","message","confirmText","cancelText","onConfirm","onCancel","onOpen","onClose","align","footerLayout","showConfirmButton","showCancelButton","mask","footerType","header","footer","children","confirmBtnStyle","cancelBtnStyle","confirmBtnTextStyle","hostName","onMask","styles","style","fadeAnim","useRef","Animated","Value","current","cancelKey","useLanguage","confirmKey","useEffect","handleConfirm","e","handleCancel","useMounted","Portal","View","centeredView","TouchableWithoutFeedback","onPress","React","createElement","modalOverlay","transform","scale","interpolate","inputRange","outputRange","alertContainer","top","offset","y","left","x","alertContent","contentStyle","Text","ScrollView","scrollEventThrottle","messageText","messageLeft","footerVertical","footerHorizontal","footerText","footerStyle","Button","variant","onClick","verCancelButton","cancelButton","size","cancelBtnProps","textStyle","direction","horizontalLine","verticalLine","type","button","confirmButton","verButton","confirmBtnProps"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Alert/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert } from \"./interface\";\n\nexport const style = (props: RedsAlert) => {\n  const themeColor = useThemeColor(\"Button\");\n  const typography = useThemeTypography(\"Button\");\n  const styles = StyleSheet.create({\n    modalOverlay: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      backgroundColor: alwaysColor.MaskBg,\n    },\n    centeredView: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    alertContainer: {\n      width: 270,\n      backgroundColor: themeColor.White,\n      borderRadius: 12,\n      overflow: \"hidden\",\n      boxShadow: \"0 2px 16px rgba(0, 0, 0, 0.1)\",\n      position: \"relative\",\n      top: 0,\n      left: 0,\n    },\n    alertContent: {\n      padding: 20,\n    },\n    title: {\n      textAlign: \"center\",\n      marginBottom: 8,\n      fontSize: typography.T2FontSize,\n      fontWeight: typography.T2FontWeight,\n      lineHeight: typography.T2LineHeight,\n      color: themeColor.Title,\n    },\n    message: {\n      maxHeight: 126,\n      overflow: \"hidden\",\n      position: \"relative\",\n    },\n    messageText: {\n      fontSize: typography.C2FontSize,\n      color: themeColor.Paragraph,\n      textAlign: \"center\",\n      lineHeight: typography.C2LineHeight,\n      fontWeight: typography.C2FontWeight,\n    },\n    messageLeft: {\n      textAlign: \"left\",\n    },\n    scrollOverlay: {\n      width: \"100%\",\n      position: \"absolute\",\n      left: 20,\n      right: 0,\n      bottom: 20,\n      height: 40,\n    },\n    footer: {\n      width: \"100%\",\n      height: 48,\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      paddingTop: 0,\n    },\n    footerText: {\n      borderTopWidth: 0.5,\n      borderTopColor: themeColor.Fill2,\n      paddingBottom: props.footerLayout === \"vertical\" ? 0 : 6,\n      paddingTop: props.footerLayout === \"vertical\" ? 0 : 6,\n      paddingHorizontal: props.footerLayout === \"vertical\" ? 0 : 12,\n    },\n    footerHorizontal: {\n      flexDirection: \"row\",\n      paddingHorizontal: 20,\n      paddingVertical: 20,\n    },\n    footerVertical: {\n      flexDirection: \"column-reverse\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      height: 100,\n      paddingHorizontal: 20,\n    },\n    textButton: {\n      flex: 1,\n      width: 109,\n      margin: 0,\n      paddingHorizontal: 0,\n    },\n    button: {\n      flex: 1,\n      width: 109,\n      margin: 0,\n      paddingHorizontal: 0,\n      height: 36,\n    },\n    dividerBox: {\n      marginTop: 5,\n    },\n    confirmButton: {\n      flex: 1,\n      margin: 0,\n      marginLeft: 10,\n      width: 109,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    verButton: {\n      flex: 1,\n      width: \"100%\",\n      margin: 0,\n      marginTop: props.footerType === \"text\" && props.footerLayout === \"vertical\" ? 0 : 10,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    horizontalLine: {\n      width: \"100%\",\n      height: 0.5,\n      backgroundColor: themeColor.Fill2,\n    },\n    verticalLine: {\n      width: 0.5,\n      height: 24,\n      marginTop: 6,\n      backgroundColor: themeColor.Fill2,\n    },\n  });\n  return styles;\n};\n"],"names":["style","props","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","modalOverlay","position","top","left","right","bottom","backgroundColor","alwaysColor","MaskBg","centeredView","flex","justifyContent","alignItems","alertContainer","width","White","borderRadius","overflow","boxShadow","alertContent","padding","title","textAlign","marginBottom","fontSize","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","color","Title","message","maxHeight","messageText","C2FontSize","Paragraph","C2LineHeight","C2FontWeight","messageLeft","scrollOverlay","height","footer","flexDirection","paddingTop","footerText","borderTopWidth","borderTopColor","Fill2","paddingBottom","footerLayout","paddingHorizontal","footerHorizontal","paddingVertical","footerVertical","textButton","margin","button","dividerBox","marginTop","confirmButton","marginLeft","verButton","footerType","horizontalLine","verticalLine"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Alert/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert } from \"./interface\";\n\nexport const style = (props: RedsAlert) => {\n  const themeColor = useThemeColor(\"Button\");\n  const typography = useThemeTypography(\"Button\");\n  const styles = StyleSheet.create({\n    modalOverlay: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      backgroundColor: alwaysColor.MaskBg,\n    },\n    centeredView: {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      flex: 1,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n    alertContainer: {\n      width: 270,\n      backgroundColor: themeColor.White,\n      borderRadius: 12,\n      overflow: \"hidden\",\n      boxShadow: \"0 2px 16px rgba(0, 0, 0, 0.1)\",\n      position: \"relative\",\n      top: 0,\n      left: 0,\n    },\n    alertContent: {\n      padding: 20,\n    },\n    title: {\n      textAlign: \"center\",\n      marginBottom: 8,\n      fontSize: typography.T2FontSize,\n      fontWeight: typography.T2FontWeight,\n      lineHeight: typography.T2LineHeight,\n      color: themeColor.Title,\n    },\n    message: {\n      maxHeight: 126,\n      overflow: \"hidden\",\n      position: \"relative\",\n    },\n    messageText: {\n      fontSize: typography.C2FontSize,\n      color: themeColor.Paragraph,\n      textAlign: \"center\",\n      lineHeight: typography.C2LineHeight,\n      fontWeight: typography.C2FontWeight,\n    },\n    messageLeft: {\n      textAlign: \"left\",\n    },\n    scrollOverlay: {\n      width: \"100%\",\n      position: \"absolute\",\n      left: 20,\n      right: 0,\n      bottom: 20,\n      height: 40,\n    },\n    footer: {\n      width: \"100%\",\n      height: 48,\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      paddingTop: 0,\n    },\n    footerText: {\n      borderTopWidth: 0.5,\n      borderTopColor: themeColor.Fill2,\n      paddingBottom: props.footerLayout === \"vertical\" ? 0 : 6,\n      paddingTop: props.footerLayout === \"vertical\" ? 0 : 6,\n      paddingHorizontal: props.footerLayout === \"vertical\" ? 0 : 12,\n    },\n    footerHorizontal: {\n      flexDirection: \"row\",\n      paddingHorizontal: 20,\n      paddingVertical: 20,\n    },\n    footerVertical: {\n      flexDirection: \"column-reverse\",\n      alignItems: \"center\",\n      height: 100,\n      paddingHorizontal: 20,\n    },\n    cancelButton: {\n      flex: 1,\n      width: 109,\n      margin: 0,\n      paddingHorizontal: 0,\n      height: 36,\n    },\n    button: {\n      flex: 1,\n      width: 109,\n      margin: 0,\n      paddingHorizontal: 0,\n      height: 36,\n    },\n    dividerBox: {\n      marginTop: 5,\n    },\n    confirmButton: {\n      flex: 1,\n      margin: 0,\n      marginLeft: 10,\n      width: 109,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    verButton: {\n      flex: 0,\n      width: \"100%\",\n      margin: 0,\n      marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n      marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n      marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    verCancelButton: {\n      flex: 0,\n      width: \"100%\",\n      margin: 0,\n      marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n      marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n      marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n      height: 36,\n      paddingHorizontal: 20,\n    },\n    cancelText: {\n      color: themeColor.Description,\n      fontSize: 12,\n    },\n    horizontalLine: {\n      width: \"100%\",\n      height: 0.5,\n      backgroundColor: themeColor.Fill2,\n    },\n    verticalLine: {\n      width: 0.5,\n      height: 24,\n      marginTop: 6,\n      backgroundColor: themeColor.Fill2,\n    },\n  });\n  return styles;\n};\n"],"names":["style","props","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","modalOverlay","position","top","left","right","bottom","backgroundColor","alwaysColor","MaskBg","centeredView","flex","justifyContent","alignItems","alertContainer","width","White","borderRadius","overflow","boxShadow","alertContent","padding","title","textAlign","marginBottom","fontSize","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","color","Title","message","maxHeight","messageText","C2FontSize","Paragraph","C2LineHeight","C2FontWeight","messageLeft","scrollOverlay","height","footer","flexDirection","paddingTop","footerText","borderTopWidth","borderTopColor","Fill2","paddingBottom","footerLayout","paddingHorizontal","footerHorizontal","paddingVertical","footerVertical","cancelButton","margin","button","dividerBox","marginTop","confirmButton","marginLeft","verButton","footerType","verCancelButton","cancelText","Description","horizontalLine","verticalLine"],"mappings":"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"}

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

@@ -55,7 +55,7 @@ var getStyles = function getStyles(props) {
       opacity: 0.3
     } : {}),
     block: {
-      // alignSelf: "stretch",
+      alignSelf: "stretch",
       width: "100%"
     }
   });

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

@@ -1 +1 @@
-{"version":3,"file":"styleMap.js","sources":["../../../../src/components/Button/styleMap.ts"],"sourcesContent":["import { RedsButton } from \"./interface\";\nimport { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography, useThemeButtonBorderRadiusById } from \"../ConfigProvider\";\nimport { fontWeight } from \"@xhsreds/reds-token-next\";\nexport const getStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor();\n  const borderRadius = useThemeButtonBorderRadiusById();\n  return StyleSheet.create({\n    button: {\n      borderRadius: borderRadius as unknown as number,\n      boxSizing: \"border-box\",\n      ...(props.outlineType === \"shadow\"\n        ? {\n            border: \"none\",\n            // iOS 阴影样式\n            shadowColor: \"rgba(0, 0, 0, 0.10)\", // 阴影颜色\n            shadowOffset: {\n              width: 0,\n              height: 2, // 阴影的垂直偏移\n            },\n            shadowOpacity: 1, // 阴影的不透明度\n            shadowRadius: 16, // 阴影的模糊半径\n\n            // Android 阴影样式\n            elevation: 16, // 阴影的高度\n          }\n        : props.outlineType === \"border\"\n          ? {\n              borderWidth: 0.5,\n              borderStyle: \"solid\",\n            }\n          : {\n              border: \"none\",\n            }),\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      alignSelf: \"center\",\n    },\n    disabledButton: {\n      opacity: (props.type === \"primary\" && props.variant === \"fill\") || props.variant === \"disabled\" ? 1 : 0.3,\n      color: themeColor.PrimaryLabelTextDisabled,\n      borderColor:\n        props.variant === \"text\" ||\n        props.variant === \"fill\" ||\n        props.variant === \"ghost\" ||\n        props.variant === \"disabled\"\n          ? \"transparent\"\n          : props.type === \"primary\"\n            ? themeColor.Primary\n            : themeColor.PrimaryLabelTextDisabled,\n      ...(props.type === \"primary\" && props.variant === \"fill\"\n        ? { backgroundColor: themeColor.Primary, borderWidth: 0, opacity: 0.3 }\n        : {}),\n    },\n    block: {\n      // alignSelf: \"stretch\",\n      width: \"100%\",\n    },\n  });\n};\nexport const getSizeStyles = (props: RedsButton) => {\n  const isCircle = props.shape === \"circle\";\n  const typography = useThemeTypography(\"Button\");\n  const styles = {\n    xLarge: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 48 }\n          : {\n              minWidth: 112,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              paddingLeft: props.avatar ? 8 : props.iconLeft ? 20 : props.iconRight ? 24 : 32,\n              paddingRight: props.iconRight ? 20 : props.iconLeft || props.avatar ? 24 : 32,\n            }),\n        height: 48,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    large: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 44 }\n          : {\n              minWidth: 96,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }),\n        height: 44,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    medium: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 36 } : { minWidth: 82, paddingHorizontal: 20 }),\n        height: 36,\n      },\n      text: {\n        fontSize: typography.T3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    small: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 28 } : { minWidth: 63, paddingHorizontal: 12 }),\n        height: 28,\n      },\n      text: {\n        fontSize: typography.C1FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    mini: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 24 } : { minWidth: 52, paddingHorizontal: 8 }),\n        height: 24,\n      },\n      text: {\n        fontSize: typography.C2FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    micro: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 20 } : { minWidth: 40, paddingHorizontal: 8 }),\n        height: 20,\n      },\n      text: {\n        fontSize: typography.C3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n  };\n\n  return styles[props.size!];\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor(\"Button\");\n  const styles = {\n    fill: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n      },\n      text: {\n        color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n      },\n    }),\n    disabled: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: themeColor.PrimaryBgDisabled,\n      },\n      text: {\n        color: themeColor.PrimaryLabelFillDisabled,\n      },\n    }),\n    ghost: StyleSheet.create({\n      button: {\n        borderColor: alwaysColor.LightParagraph,\n        backgroundColor: alwaysColor.LightFill2,\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n      },\n    }),\n    outline: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n    text: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n  };\n  return styles[props.variant!];\n};\n\nexport const contentMarginStyle = StyleSheet.create({\n  left: {\n    marginLeft: 8,\n  },\n  right: {\n    marginRight: 8,\n  },\n});\n"],"names":["getStyles","props","themeColor","useThemeColor","borderRadius","useThemeButtonBorderRadiusById","StyleSheet","create","button","_objectSpread","boxSizing","outlineType","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderStyle","display","justifyContent","alignItems","flexDirection","alignSelf","disabledButton","opacity","type","variant","color","PrimaryLabelTextDisabled","borderColor","Primary","backgroundColor","block","getSizeStyles","isCircle","shape","typography","useThemeTypography","styles","xLarge","minWidth","paddingLeft","avatar","iconLeft","iconRight","paddingRight","text","fontSize","T2FontSize","fontWeight","T2FontWeight","textAlign","large","medium","paddingHorizontal","T3FontSize","T3FontWeight","small","C1FontSize","mini","C2FontSize","micro","C3FontSize","size","getVariantStyles","fill","Separator2","White","alwaysColor","Title","disabled","PrimaryBgDisabled","PrimaryLabelFillDisabled","ghost","LightParagraph","LightFill2","Paragraph","outline","contentMarginStyle","left","marginLeft","right","marginRight"],"mappings":";;;;;;;;;;;IAKaA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,KAAsB,EAAA;AAC9C,EAAA,IAAMC,aAAaC,sEAAc,EAAA,CAAA;AACjC,EAAA,IAAMC,eAAeC,uFAA+B,EAAA,CAAA;EACpD,OAAOC,uBAAWC,MAAO,CAAA;IACvBC,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA;AACNL,MAAAA,YAAA,EAAAA,YAAA;AACAM,MAAAA,SAAW,EAAA,YAAA;AAAA,KAAA,EACPT,KAAM,CAAAU,WAAA,KAAgB,QACtB,GAAA;AACEC,MAAAA,MAAQ,EAAA,MAAA;AAAA;AAERC,MAAAA,WAAa,EAAA,qBAAA;AAAA;AACbC,MAAAA,YAAc,EAAA;AACZC,QAAAA,KAAO,EAAA,CAAA;AACPC,QAAAA,MAAQ,EAAA,CAAA;AAAA;OACV;AACAC,MAAAA,aAAe,EAAA,CAAA;AAAA;AACfC,MAAAA,YAAc,EAAA,EAAA;AAAA;AAAA;AAGdC,MAAAA,SAAW,EAAA,EAAA;AAAA;AACb,KAAA,GACAlB,KAAM,CAAAU,WAAA,KAAgB,QACpB,GAAA;AACES,MAAAA,WAAa,EAAA,GAAA;AACbC,MAAAA,WAAa,EAAA,OAAA;AACf,KACA,GAAA;AACET,MAAAA,MAAQ,EAAA,MAAA;KACV,CAAA,EAAA,EAAA,EAAA;AACNU,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,aAAe,EAAA,KAAA;AACfC,MAAAA,SAAW,EAAA,QAAA;KACb,CAAA;AACAC,IAAAA,cAAgB,EAAAlB,wCAAA,CAAA;MACdmB,OAAA,EAAU3B,KAAM,CAAA4B,IAAA,KAAS,SAAa,IAAA5B,KAAA,CAAM6B,YAAY,MAAW,IAAA7B,KAAA,CAAM6B,OAAY,KAAA,UAAA,GAAa,CAAI,GAAA,GAAA;MACtGC,OAAO7B,UAAW,CAAA8B,wBAAA;AAClBC,MAAAA,aACEhC,KAAM,CAAA6B,OAAA,KAAY,UAClB7B,KAAM,CAAA6B,OAAA,KAAY,UAClB7B,KAAM,CAAA6B,OAAA,KAAY,WAClB7B,KAAM,CAAA6B,OAAA,KAAY,aACd,aACA,GAAA7B,KAAA,CAAM4B,SAAS,SACb,GAAA3B,UAAA,CAAWgC,UACXhC,UAAW,CAAA8B,wBAAAA;KACf/B,EAAAA,KAAM,CAAA4B,IAAA,KAAS,SAAa,IAAA5B,KAAA,CAAM6B,YAAY,MAC9C,GAAA;MAAEK,eAAiB,EAAAjC,UAAA,CAAWgC;AAASd,MAAAA,WAAa,EAAA,CAAA;AAAGQ,MAAAA,OAAS,EAAA,GAAA;QAChE,EAAC,CACP;AACAQ,IAAAA,KAAO,EAAA;AAAA;AAELrB,MAAAA,KAAO,EAAA,MAAA;AACT,KAAA;AACF,GAAC,CAAA,CAAA;AACH,EAAA;IACasB,aAAA,GAAgB,SAAhBA,aAAAA,CAAiBpC,KAAsB,EAAA;AAC5C,EAAA,IAAAqC,QAAA,GAAWrC,MAAMsC,KAAU,KAAA,QAAA,CAAA;AAC3B,EAAA,IAAAC,UAAA,GAAaC,4EAAmB,QAAQ,CAAA,CAAA;AAC9C,EAAA,IAAMC,MAAS,GAAA;AACbC,IAAAA,MAAA,EAAQrC,uBAAWC,MAAO,CAAA;AACxBC,MAAAA,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACF6B,QAAA,GACA;AAAEvB,QAAAA,KAAA,EAAO,EAAA;AAAG,OACZ,GAAA;AACE6B,QAAAA,QAAU,EAAA,GAAA;AACVtB,QAAAA,OAAS,EAAA,MAAA;AACTC,QAAAA,cAAgB,EAAA,QAAA;AAChBC,QAAAA,UAAY,EAAA,QAAA;AACZqB,QAAAA,WAAA,EAAa5C,MAAM6C,MAAS,GAAA,CAAA,GAAI7C,MAAM8C,QAAW,GAAA,EAAA,GAAK9C,KAAM,CAAA+C,SAAA,GAAY,EAAK,GAAA,EAAA;AAC7EC,QAAAA,YAAA,EAAchD,MAAM+C,SAAY,GAAA,EAAA,GAAK/C,MAAM8C,QAAY,IAAA9C,KAAA,CAAM6C,SAAS,EAAK,GAAA,EAAA;OAC7E,CAAA,EAAA,EAAA,EAAA;AACJ9B,QAAAA,MAAQ,EAAA,EAAA;OACV,CAAA;AACAkC,MAAAA,IAAM,EAAA;QACJC,UAAUX,UAAW,CAAAY,UAAA;QACrBC,YAAYb,UAAW,CAAAc,YAAA;AACvBC,QAAAA,SAAW,EAAA,QAAA;AACb,OAAA;AACF,KAAC,CAAA;AACDC,IAAAA,KAAA,EAAOlD,uBAAWC,MAAO,CAAA;AACvBC,MAAAA,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACF6B,QAAA,GACA;AAAEvB,QAAAA,KAAA,EAAO,EAAA;AAAG,OACZ,GAAA;AACE6B,QAAAA,QAAU,EAAA,EAAA;AACVtB,QAAAA,OAAS,EAAA,MAAA;AACTC,QAAAA,cAAgB,EAAA,QAAA;AAChBC,QAAAA,UAAY,EAAA,QAAA;OACd,CAAA,EAAA,EAAA,EAAA;AACJR,QAAAA,MAAQ,EAAA,EAAA;OACV,CAAA;AACAkC,MAAAA,IAAM,EAAA;QACJC,UAAUX,UAAW,CAAAY,UAAA;QACrBC,YAAYb,UAAW,CAAAc,YAAA;AACvBC,QAAAA,SAAW,EAAA,QAAA;AACb,OAAA;AACF,KAAC,CAAA;AACDE,IAAAA,MAAA,EAAQnD,uBAAWC,MAAO,CAAA;AACxBC,MAAAA,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACF6B,QAAW,GAAA;AAAEvB,QAAAA,KAAO,EAAA,EAAA;AAAG,UAAI;AAAE6B,QAAAA,QAAA,EAAU,EAAI;AAAAc,QAAAA,iBAAA,EAAmB,EAAA;OAAG,CAAA,EAAA,EAAA,EAAA;AACrE1C,QAAAA,MAAQ,EAAA,EAAA;OACV,CAAA;AACAkC,MAAAA,IAAM,EAAA;QACJC,UAAUX,UAAW,CAAAmB,UAAA;QACrBN,YAAYb,UAAW,CAAAoB,YAAA;AACvBL,QAAAA,SAAW,EAAA,QAAA;AACb,OAAA;AACF,KAAC,CAAA;AACDM,IAAAA,KAAA,EAAOvD,uBAAWC,MAAO,CAAA;AACvBC,MAAAA,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACF6B,QAAW,GAAA;AAAEvB,QAAAA,KAAO,EAAA,EAAA;AAAG,UAAI;AAAE6B,QAAAA,QAAA,EAAU,EAAI;AAAAc,QAAAA,iBAAA,EAAmB,EAAA;OAAG,CAAA,EAAA,EAAA,EAAA;AACrE1C,QAAAA,MAAQ,EAAA,EAAA;OACV,CAAA;AACAkC,MAAAA,IAAM,EAAA;QACJC,UAAUX,UAAW,CAAAsB,UAAA;QACrBT,YAAYb,UAAW,CAAAoB,YAAA;AACvBL,QAAAA,SAAW,EAAA,QAAA;AACb,OAAA;AACF,KAAC,CAAA;AACDQ,IAAAA,IAAA,EAAMzD,uBAAWC,MAAO,CAAA;AACtBC,MAAAA,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACF6B,QAAW,GAAA;AAAEvB,QAAAA,KAAO,EAAA,EAAA;AAAG,UAAI;AAAE6B,QAAAA,QAAA,EAAU,EAAI;AAAAc,QAAAA,iBAAA,EAAmB,CAAA;OAAE,CAAA,EAAA,EAAA,EAAA;AACpE1C,QAAAA,MAAQ,EAAA,EAAA;OACV,CAAA;AACAkC,MAAAA,IAAM,EAAA;QACJC,UAAUX,UAAW,CAAAwB,UAAA;QACrBX,YAAYb,UAAW,CAAAoB,YAAA;AACvBL,QAAAA,SAAW,EAAA,QAAA;AACb,OAAA;AACF,KAAC,CAAA;AACDU,IAAAA,KAAA,EAAO3D,uBAAWC,MAAO,CAAA;AACvBC,MAAAA,MAAQ,EAAAC,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACF6B,QAAW,GAAA;AAAEvB,QAAAA,KAAO,EAAA,EAAA;AAAG,UAAI;AAAE6B,QAAAA,QAAA,EAAU,EAAI;AAAAc,QAAAA,iBAAA,EAAmB,CAAA;OAAE,CAAA,EAAA,EAAA,EAAA;AACpE1C,QAAAA,MAAQ,EAAA,EAAA;OACV,CAAA;AACAkC,MAAAA,IAAM,EAAA;QACJC,UAAUX,UAAW,CAAA0B,UAAA;QACrBb,YAAYb,UAAW,CAAAoB,YAAA;AACvBL,QAAAA,SAAW,EAAA,QAAA;AACb,OAAA;KACD,CAAA;GACH,CAAA;AAEO,EAAA,OAAAb,MAAA,CAAOzC,MAAMkE,IAAK,CAAA,CAAA;AAC3B,EAAA;IAEaC,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBnE,KAAsB,EAAA;AAC/C,EAAA,IAAAC,UAAA,GAAaC,uEAAc,QAAQ,CAAA,CAAA;AACzC,EAAA,IAAMuC,MAAS,GAAA;AACb2B,IAAAA,IAAA,EAAM/D,uBAAWC,MAAO,CAAA;AACtBC,MAAAA,MAAQ,EAAA;AACNyB,QAAAA,aAAahC,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA3B,UAAA,CAAWgC,UAAUhC,UAAW,CAAAoE,UAAA;AACxEnC,QAAAA,iBAAiBlC,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA3B,UAAA,CAAWgC,UAAUhC,UAAW,CAAAqE,KAAAA;OAC9E;AACArB,MAAAA,IAAM,EAAA;AACJnB,QAAAA,OAAO9B,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA2C,yBAAA,CAAYD,QAAQrE,UAAW,CAAAuE,KAAAA;AACnE,OAAA;AACF,KAAC,CAAA;AACDC,IAAAA,QAAA,EAAUpE,uBAAWC,MAAO,CAAA;AAC1BC,MAAAA,MAAQ,EAAA;AACNyB,QAAAA,WAAa,EAAA,aAAA;QACbE,iBAAiBjC,UAAW,CAAAyE,iBAAAA;OAC9B;AACAzB,MAAAA,IAAM,EAAA;QACJnB,OAAO7B,UAAW,CAAA0E,wBAAAA;AACpB,OAAA;AACF,KAAC,CAAA;AACDC,IAAAA,KAAA,EAAOvE,uBAAWC,MAAO,CAAA;AACvBC,MAAAA,MAAQ,EAAA;QACNyB,aAAauC,yBAAY,CAAAM,cAAA;QACzB3C,iBAAiBqC,yBAAY,CAAAO,UAAAA;OAC/B;AACA7B,MAAAA,IAAM,EAAA;AACJnB,QAAAA,OAAO9B,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA3B,UAAA,CAAWgC,UAAUhC,UAAW,CAAA8E,SAAAA;AACpE,OAAA;AACF,KAAC,CAAA;AACDC,IAAAA,OAAA,EAAS3E,uBAAWC,MAAO,CAAA;AACzBC,MAAAA,MAAQ,EAAA;AACNyB,QAAAA,aAAahC,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA3B,UAAA,CAAWgC,UAAUhC,UAAW,CAAAoE,UAAA;AACxEnC,QAAAA,eAAiB,EAAA,aAAA;OACnB;AACAe,MAAAA,IAAM,EAAA;AACJnB,QAAAA,OAAO9B,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA3B,UAAA,CAAWgC,UAAUhC,UAAW,CAAAuE,KAAAA;AACpE,OAAA;AACF,KAAC,CAAA;AACDvB,IAAAA,IAAA,EAAM5C,uBAAWC,MAAO,CAAA;AACtBC,MAAAA,MAAQ,EAAA;AACNyB,QAAAA,WAAa,EAAA,aAAA;AACbE,QAAAA,eAAiB,EAAA,aAAA;OACnB;AACAe,MAAAA,IAAM,EAAA;AACJnB,QAAAA,OAAO9B,KAAM,CAAA4B,IAAA,KAAS,SAAY,GAAA3B,UAAA,CAAWgC,UAAUhC,UAAW,CAAAuE,KAAAA;AACpE,OAAA;KACD,CAAA;GACH,CAAA;AACO,EAAA,OAAA/B,MAAA,CAAOzC,MAAM6B,OAAQ,CAAA,CAAA;AAC9B,EAAA;IAEaoD,kBAAA,GAAqB5E,uBAAWC,MAAO,CAAA;AAClD4E,EAAAA,IAAM,EAAA;AACJC,IAAAA,UAAY,EAAA,CAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLC,IAAAA,WAAa,EAAA,CAAA;AACf,GAAA;AACF,CAAC;;;;;;;"}
+{"version":3,"file":"styleMap.js","sources":["../../../../src/components/Button/styleMap.ts"],"sourcesContent":["import { RedsButton } from \"./interface\";\nimport { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography, useThemeButtonBorderRadiusById } from \"../ConfigProvider\";\nimport { fontWeight } from \"@xhsreds/reds-token-next\";\nexport const getStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor();\n  const borderRadius = useThemeButtonBorderRadiusById();\n  return StyleSheet.create({\n    button: {\n      borderRadius: borderRadius as unknown as number,\n      boxSizing: \"border-box\",\n      ...(props.outlineType === \"shadow\"\n        ? {\n            border: \"none\",\n            // iOS 阴影样式\n            shadowColor: \"rgba(0, 0, 0, 0.10)\", // 阴影颜色\n            shadowOffset: {\n              width: 0,\n              height: 2, // 阴影的垂直偏移\n            },\n            shadowOpacity: 1, // 阴影的不透明度\n            shadowRadius: 16, // 阴影的模糊半径\n\n            // Android 阴影样式\n            elevation: 16, // 阴影的高度\n          }\n        : props.outlineType === \"border\"\n          ? {\n              borderWidth: 0.5,\n              borderStyle: \"solid\",\n            }\n          : {\n              border: \"none\",\n            }),\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      alignSelf: \"center\",\n    },\n    disabledButton: {\n      opacity: (props.type === \"primary\" && props.variant === \"fill\") || props.variant === \"disabled\" ? 1 : 0.3,\n      color: themeColor.PrimaryLabelTextDisabled,\n      borderColor:\n        props.variant === \"text\" ||\n        props.variant === \"fill\" ||\n        props.variant === \"ghost\" ||\n        props.variant === \"disabled\"\n          ? \"transparent\"\n          : props.type === \"primary\"\n            ? themeColor.Primary\n            : themeColor.PrimaryLabelTextDisabled,\n      ...(props.type === \"primary\" && props.variant === \"fill\"\n        ? { backgroundColor: themeColor.Primary, borderWidth: 0, opacity: 0.3 }\n        : {}),\n    },\n    block: {\n      alignSelf: \"stretch\",\n      width: \"100%\",\n    },\n  });\n};\nexport const getSizeStyles = (props: RedsButton) => {\n  const isCircle = props.shape === \"circle\";\n  const typography = useThemeTypography(\"Button\");\n  const styles = {\n    xLarge: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 48 }\n          : {\n              minWidth: 112,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              paddingLeft: props.avatar ? 8 : props.iconLeft ? 20 : props.iconRight ? 24 : 32,\n              paddingRight: props.iconRight ? 20 : props.iconLeft || props.avatar ? 24 : 32,\n            }),\n        height: 48,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    large: StyleSheet.create({\n      button: {\n        ...(isCircle\n          ? { width: 44 }\n          : {\n              minWidth: 96,\n              display: \"flex\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n            }),\n        height: 44,\n      },\n      text: {\n        fontSize: typography.T2FontSize,\n        fontWeight: typography.T2FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    medium: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 36 } : { minWidth: 82, paddingHorizontal: 20 }),\n        height: 36,\n      },\n      text: {\n        fontSize: typography.T3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    small: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 28 } : { minWidth: 63, paddingHorizontal: 12 }),\n        height: 28,\n      },\n      text: {\n        fontSize: typography.C1FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    mini: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 24 } : { minWidth: 52, paddingHorizontal: 8 }),\n        height: 24,\n      },\n      text: {\n        fontSize: typography.C2FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n    micro: StyleSheet.create({\n      button: {\n        ...(isCircle ? { width: 20 } : { minWidth: 40, paddingHorizontal: 8 }),\n        height: 20,\n      },\n      text: {\n        fontSize: typography.C3FontSize,\n        fontWeight: typography.T3FontWeight,\n        textAlign: \"center\",\n      },\n    }),\n  };\n\n  return styles[props.size!];\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n  const themeColor = useThemeColor(\"Button\");\n  const styles = {\n    fill: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n      },\n      text: {\n        color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n      },\n    }),\n    disabled: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: themeColor.PrimaryBgDisabled,\n      },\n      text: {\n        color: themeColor.PrimaryLabelFillDisabled,\n      },\n    }),\n    ghost: StyleSheet.create({\n      button: {\n        borderColor: alwaysColor.LightParagraph,\n        backgroundColor: alwaysColor.LightFill2,\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n      },\n    }),\n    outline: StyleSheet.create({\n      button: {\n        borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n    text: StyleSheet.create({\n      button: {\n        borderColor: \"transparent\",\n        backgroundColor: \"transparent\",\n      },\n      text: {\n        color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n      },\n    }),\n  };\n  return styles[props.variant!];\n};\n\nexport const contentMarginStyle = StyleSheet.create({\n  left: {\n    marginLeft: 8,\n  },\n  right: {\n    marginRight: 8,\n  },\n});\n"],"names":["getStyles","props","themeColor","useThemeColor","borderRadius","useThemeButtonBorderRadiusById","StyleSheet","create","button","_objectSpread","boxSizing","outlineType","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderWidth","borderStyle","display","justifyContent","alignItems","flexDirection","alignSelf","disabledButton","opacity","type","variant","color","PrimaryLabelTextDisabled","borderColor","Primary","backgroundColor","block","getSizeStyles","isCircle","shape","typography","useThemeTypography","styles","xLarge","minWidth","paddingLeft","avatar","iconLeft","iconRight","paddingRight","text","fontSize","T2FontSize","fontWeight","T2FontWeight","textAlign","large","medium","paddingHorizontal","T3FontSize","T3FontWeight","small","C1FontSize","mini","C2FontSize","micro","C3FontSize","size","getVariantStyles","fill","Separator2","White","alwaysColor","Title","disabled","PrimaryBgDisabled","PrimaryLabelFillDisabled","ghost","LightParagraph","LightFill2","Paragraph","outline","contentMarginStyle","left","marginLeft","right","marginRight"],"mappings":"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"}

package/lib/cjs/components/DropDown/DropDownItem.js

@@ -21,8 +21,8 @@ require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 var getMultiStyles = function getMultiStyles(props, index, dropDownItemWidth) {
   var columns = (props === null || props === void 0 ? void 0 : props.optionColumns) || components_DropDown_interface_index.MULTIPLEOPTIONCOLUMN.TWO;
   return {
-    width: Math.floor((dropDownItemWidth - 10 * (columns - 1)) / columns),
-    marginRight: (index + 1) % columns ? 10 : 0
+    width: Math.floor((dropDownItemWidth - 12 * (columns - 1)) / columns),
+    marginRight: (index + 1) % columns ? 12 : 0
   };
 };
 var DropDownItem = function DropDownItem(props) {
@@ -116,7 +116,7 @@ var DropDownItem = function DropDownItem(props) {
   var computedStyles = components_DropDown_styles.getRedsDropDownVariantStyles(themeColor);
   return /* @__PURE__ */React.createElement(reactNative.View, {
     onLayout: function onLayout(e) {
-      setDropDownItemWidth(e.nativeEvent.layout.width - 24);
+      setDropDownItemWidth(e.nativeEvent.layout.width);
     },
     style: {
       width: reactNative.Dimensions.get("window").width - 24

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

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

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

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

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

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

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

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