@xhsreds/reds-rn-next 0.1.5 → 0.1.6

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

@@ -1 +1 @@
-{"version":3,"file":"PullRefresh.js","sources":["../../../../src/components/PullRefresh/PullRefresh.tsx"],"sourcesContent":["import React, { useState, useRef, useMemo, useEffect, LegacyRef, Ref, useCallback } from \"react\";\nimport { View, StyleSheet, Animated, PanResponder, Easing, LayoutChangeEvent } from \"react-native\";\nimport { RedsPullRefresh, PullRefreshDefaultProps } from \"./interface/index\";\nimport RefreshControl, { PullState } from \"./component\";\n\nexport default function PullRefresh(props: RedsPullRefresh) {\n  // RefreshControl组件高度\n  const [pullAnimHeight, setPullAnimHeight] = useState(0);\n\n  // 触发刷新的最小下拉距离\n  const [minPullDistance, setMinPullDistance] = useState(0);\n\n  // 手势\n  const [pan] = useState(new Animated.Value(0));\n\n  // 滚动距离\n  const [scrollY, setScrollY] = useState<number>(0);\n\n  // 是否在下拉中\n  const [isPulling, setIsPulling] = useState<boolean>(false);\n\n  // 是否在刷新中\n  const [isRefreshing, setIsRefreshing] = useState<boolean>(false);\n\n  // 组合动画\n  const [animation, setAnimation] = useState<Animated.CompositeAnimation>();\n\n  // 拉取状态\n  const [pullState, setPullState] = useState<PullState>(PullState.INIT);\n\n  // 移动高度\n  const [moveHeight, setMoveHeight] = useState<number>(0);\n\n  // 移动百分比\n  const [movePercent, setMovePercent] = useState<number>(0);\n\n  // 下拉时间间隔\n  const [pullTimeout, setPullTimeout] = useState();\n\n  // 下拉图标\n  const refreshControlRef = useRef();\n\n  // view ref\n  const viewRef = useRef<View>();\n\n  // 动画ref\n  const animatedViewRef = useRef<View>();\n\n  // 下拉组件的初始top值\n  const [top, setTop] = useState<number>(-1000);\n\n  // 释放手指\n  const onRelease = () => {\n    // 重置偏移位置\n    pan.flattenOffset();\n    // @ts-expect-error\n    const panValue = pan._value;\n\n    // 拉动距离大于设定下拉高度\n    if (panValue >= pullAnimHeight) {\n      animatedTo(pullAnimHeight, () => {\n        updatePullState(PullState.LOADING);\n        props.onRequest && props.onRequest();\n      });\n      // 有拉动距离但是不够设定的下拉高度\n    } else if (panValue > 0) {\n      updatePullState(PullState.FINISH);\n      animatedTo(0, () => {\n        setIsPulling(false);\n        updatePullState(PullState.INIT);\n      });\n      // 否则就是初始状态\n    } else {\n      updatePullState(PullState.INIT);\n      setIsPulling(false);\n    }\n  };\n\n  // 更新refreshControl状态\n  const updatePullState = (state: PullState) => {\n    if (pullState === state) {\n      return;\n    }\n    setPullState(state);\n    renderRefreshControl(state);\n  };\n\n  // 下拉动画\n  const animatedTo = (toValue: number, cb?: () => void) => {\n    const animation = Animated.timing(pan, {\n      toValue: toValue,\n      easing: Easing.bezier(0.1, 0.57, 0.1, 1),\n      duration: ((pan as any)._value - toValue) * 1.4,\n      useNativeDriver: false,\n    });\n    setAnimation(animation);\n    animation.start(({ finished }: { finished: boolean }) => {\n      if (finished) {\n        cb && cb();\n        setAnimation(undefined);\n      }\n    });\n  };\n\n  // 传递给RefreshControl组件参数用来判断状态\n  const renderRefreshControl = (state?: PullState) => {\n    const refreshControlProps = {\n      pullAnimHeight,\n      minPullDistance,\n      pullState: state || pullState,\n      moveHeight,\n      movePercent,\n    };\n    if (refreshControlRef.current) {\n      // @ts-expect-error\n      refreshControlRef.current.setRefreshControlParams(refreshControlProps);\n    }\n  };\n\n  // 是否能移动手指\n  const canMove = (evt: any, gestureState: any) => {\n    return isPulling ? false : scrollY <= 0 && gestureState.vy > 0 && gestureState.vy > Math.abs(gestureState.vx);\n  };\n\n  // 手势对象\n  const panResponder = useMemo(() => {\n    return PanResponder.create({\n      onStartShouldSetPanResponder: canMove,\n      onStartShouldSetPanResponderCapture: canMove,\n      onMoveShouldSetPanResponder: canMove,\n      onMoveShouldSetPanResponderCapture: canMove,\n      onPanResponderGrant: () => {\n        animation && animation.stop();\n        // @ts-expect-error\n        pan.setOffset(pan._value);\n        updatePullState(PullState.PULLING);\n        pullTimeout && clearTimeout(pullTimeout);\n      },\n      onPanResponderMove: (evt, gestureState) => {\n        setIsPulling(true);\n        // @ts-expect-error\n        const offset = pan._offset;\n        let value = Math.max(offset + gestureState.dy, 0);\n        if (value > 0) {\n          // 弹簧劲度系数\n          pan.setValue(gestureState.dy / 2.2);\n        } else {\n          pan.setValue(-offset);\n        }\n        setMoveHeight(value);\n        setMovePercent((value / pullAnimHeight) * 100);\n        renderRefreshControl();\n      },\n      onPanResponderRelease: onRelease,\n      onPanResponderTerminationRequest() {\n        return false;\n      },\n      onPanResponderTerminate: onRelease,\n      onShouldBlockNativeResponder() {\n        return true;\n      },\n    });\n  }, [isPulling, scrollY]);\n\n  // 根据外层传递参数变化进行更新执行\n  useEffect(() => {\n    if (pullState === PullState.PULLING) {\n      return;\n    }\n    // 加载中\n    if (props.isRefreshing === true && !isRefreshing) {\n      animatedTo(pullAnimHeight);\n      setIsRefreshing(true);\n      updatePullState(PullState.LOADING);\n    }\n\n    // 外层加载结束 需要重置位置\n    if (props.isRefreshing === false && isRefreshing) {\n      updatePullState(PullState.HOLDING);\n      setPullTimeout(\n        //@ts-ignore\n        setTimeout(() => {\n          animatedTo(0, () => {\n            setIsPulling(false);\n            updatePullState(PullState.INIT);\n          });\n          updatePullState(PullState.FINISH);\n        }, props?.msHoldingTime || 1000),\n      );\n\n      setIsRefreshing(false);\n    }\n  }, [isRefreshing, props.msHoldingTime, props.isRefreshing]);\n\n  // RefreshControl组件初始化计算\n  const onLayout = (evt: LayoutChangeEvent) => {\n    setPullAnimHeight(props.pullAnimHeight || evt.nativeEvent.layout.height);\n    setMinPullDistance(props.minPullDistance || pullAnimHeight);\n    setTop(-pullAnimHeight);\n  };\n\n  // 重写ScrollView的onScroll事件\n  const scrollContent = useMemo(() => {\n    return React.Children.map(props.children, (child: any) =>\n      React.cloneElement(child, {\n        // 设置滚动响应频率\n        scrollEventThrottle: 1,\n        onScroll: (evt: any) => {\n          setScrollY(evt.nativeEvent.contentOffset.y);\n          // iOS下拉刷新Loading时，ScrollView向上滑动的时候，refreshControl部分同样上滑\n          if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {\n            const y = Math.max(0, pullAnimHeight - evt.nativeEvent.contentOffset.y);\n            viewRef.current &&\n              viewRef.current.setNativeProps({\n                style: {\n                  transform: [{ translateY: y }],\n                },\n              });\n            animatedViewRef.current &&\n              animatedViewRef.current.setNativeProps({\n                style: {\n                  transform: [{ translateY: y }],\n                },\n              });\n          }\n          if (child.props.onScroll && typeof child.props.onScroll === \"function\") {\n            child.props.onScroll(evt);\n          }\n        },\n      }),\n    );\n  }, [pullState, props.children]);\n\n  // 增加Animated.View控制ScrollView展示位置\n  const content = useMemo(() => {\n    // 默认\n    return (\n      <Animated.View\n        // @ts-expect-error\n        ref={viewRef}\n        style={{\n          transform: [{ translateY: pan }],\n          flex: 1,\n        }}\n      >\n        {scrollContent}\n      </Animated.View>\n    );\n  }, [pan, scrollContent]);\n\n  return (\n    <View style={[styles.container, props.refreshLayoutStyle]} {...panResponder.panHandlers} testID=\"refresh-container\">\n      <Animated.View\n        // @ts-expect-error\n        ref={animatedViewRef}\n        onLayout={onLayout}\n        style={[\n          styles.freshItem,\n          {\n            top: top,\n            height: props.pullAnimHeight,\n            transform: [{ translateY: pan }],\n          },\n          props.refreshControlStyle,\n        ]}\n      >\n        {/* @ts-ignore */}\n        <RefreshControl ref={refreshControlRef} />\n      </Animated.View>\n      {content}\n    </View>\n  );\n}\nPullRefresh.defaultProps = PullRefreshDefaultProps;\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: \"hidden\",\n    position: \"relative\",\n    flex: 1,\n  },\n  freshItem: {\n    position: \"absolute\",\n    width: \"100%\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: \"transparent\",\n    zIndex: 1,\n  },\n});\n"],"names":["PullRefresh","props","_useState","useState","_useState2","_slicedToArray","pullAnimHeight","setPullAnimHeight","_useState3","_useState4","minPullDistance","setMinPullDistance","_useState5","Animated","Value","_useState6","pan","_useState7","_useState8","scrollY","setScrollY","_useState9","_useState10","isPulling","setIsPulling","_useState11","_useState12","isRefreshing","setIsRefreshing","_useState13","_useState14","animation","setAnimation","_useState15","PullState","INIT","_useState16","pullState","setPullState","_useState17","_useState18","moveHeight","setMoveHeight","_useState19","_useState20","movePercent","setMovePercent","_useState21","_useState22","pullTimeout","setPullTimeout","refreshControlRef","useRef","viewRef","animatedViewRef","_useState23","_useState24","top","setTop","onRelease","flattenOffset","panValue","_value","animatedTo","updatePullState","LOADING","onRequest","FINISH","state","renderRefreshControl","toValue","cb","timing","easing","Easing","bezier","duration","useNativeDriver","start","_ref","finished","refreshControlProps","current","setRefreshControlParams","canMove","evt","gestureState","vy","Math","abs","vx","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderGrant","stop","setOffset","PULLING","clearTimeout","onPanResponderMove","offset","_offset","value","max","dy","setValue","onPanResponderRelease","onPanResponderTerminationRequest","onPanResponderTerminate","onShouldBlockNativeResponder","useEffect","HOLDING","setTimeout","msHoldingTime","onLayout","nativeEvent","layout","height","scrollContent","React","Children","map","children","child","cloneElement","scrollEventThrottle","onScroll","contentOffset","y","setNativeProps","style","transform","translateY","content","createElement","View","ref","flex","_objectSpread","styles","container","refreshLayoutStyle","panHandlers","testID","freshItem","refreshControlStyle","RefreshControl","defaultProps","PullRefreshDefaultProps","StyleSheet","overflow","position","width","justifyContent","alignItems","backgroundColor","zIndex"],"mappings":"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"}
+{"version":3,"file":"PullRefresh.js","sources":["../../../../src/components/PullRefresh/PullRefresh.tsx"],"sourcesContent":["import React, { useState, useRef, useMemo, useEffect, LegacyRef, Ref, useCallback } from \"react\";\nimport { View, StyleSheet, Animated, PanResponder, Easing, LayoutChangeEvent } from \"react-native\";\nimport { RedsPullRefresh, PullRefreshDefaultProps } from \"./interface/index\";\nimport RefreshControl, { PullState } from \"./component\";\n\nexport default function PullRefresh(props: RedsPullRefresh) {\n  // RefreshControl组件高度\n  const [pullAnimHeight, setPullAnimHeight] = useState(0);\n\n  // 触发刷新的最小下拉距离\n  const [minPullDistance, setMinPullDistance] = useState(0);\n\n  // 手势\n  const [pan] = useState(new Animated.Value(0));\n\n  // 滚动距离\n  const [scrollY, setScrollY] = useState<number>(0);\n\n  // 是否在下拉中\n  const [isPulling, setIsPulling] = useState<boolean>(false);\n\n  // 是否在刷新中\n  const [isRefreshing, setIsRefreshing] = useState<boolean>(false);\n\n  // 组合动画\n  const [animation, setAnimation] = useState<Animated.CompositeAnimation>();\n\n  // 拉取状态\n  const [pullState, setPullState] = useState<PullState>(PullState.INIT);\n\n  // 移动高度\n  const [moveHeight, setMoveHeight] = useState<number>(0);\n\n  // 移动百分比\n  const [movePercent, setMovePercent] = useState<number>(0);\n\n  // 下拉时间间隔\n  const [pullTimeout, setPullTimeout] = useState();\n\n  // 下拉图标\n  const refreshControlRef = useRef();\n\n  // view ref\n  const viewRef = useRef<View>();\n\n  // 动画ref\n  const animatedViewRef = useRef<View>();\n\n  // 下拉组件的初始top值\n  const [top, setTop] = useState<number>(-1000);\n\n  // 释放手指\n  const onRelease = () => {\n    // 重置偏移位置\n    pan.flattenOffset();\n    // @ts-expect-error\n    const panValue = pan._value;\n\n    // 拉动距离大于设定下拉高度\n    if (panValue >= pullAnimHeight) {\n      animatedTo(pullAnimHeight, () => {\n        updatePullState(PullState.LOADING);\n        props.onRequest && props.onRequest();\n      });\n      // 有拉动距离但是不够设定的下拉高度\n    } else if (panValue > 0) {\n      updatePullState(PullState.FINISH);\n      animatedTo(0, () => {\n        setIsPulling(false);\n        updatePullState(PullState.INIT);\n      });\n      // 否则就是初始状态\n    } else {\n      updatePullState(PullState.INIT);\n      setIsPulling(false);\n    }\n  };\n\n  // 更新refreshControl状态\n  const updatePullState = (state: PullState) => {\n    if (pullState === state) {\n      return;\n    }\n    setPullState(state);\n    renderRefreshControl(state);\n  };\n\n  // 下拉动画\n  const animatedTo = (toValue: number, cb?: () => void) => {\n    const animation = Animated.timing(pan, {\n      toValue: toValue,\n      easing: Easing.bezier(0.1, 0.57, 0.1, 1),\n      duration: ((pan as any)._value - toValue) * 1.4,\n      useNativeDriver: false,\n    });\n    setAnimation(animation);\n    animation.start(({ finished }: { finished: boolean }) => {\n      if (finished) {\n        cb && cb();\n        setAnimation(undefined);\n      }\n    });\n  };\n\n  // 传递给RefreshControl组件参数用来判断状态\n  const renderRefreshControl = (state?: PullState) => {\n    const refreshControlProps = {\n      pullAnimHeight,\n      minPullDistance,\n      pullState: state || pullState,\n      moveHeight,\n      movePercent,\n    };\n    if (refreshControlRef.current) {\n      // @ts-expect-error\n      refreshControlRef.current.setRefreshControlParams(refreshControlProps);\n    }\n  };\n\n  // 是否能移动手指\n  const canMove = (evt: any, gestureState: any) => {\n    return isPulling ? false : scrollY <= 0 && gestureState.vy > 0 && gestureState.vy > Math.abs(gestureState.vx);\n  };\n\n  // 手势对象\n  const panResponder = useMemo(() => {\n    return PanResponder.create({\n      onStartShouldSetPanResponder: canMove,\n      onStartShouldSetPanResponderCapture: canMove,\n      onMoveShouldSetPanResponder: canMove,\n      onMoveShouldSetPanResponderCapture: canMove,\n      onPanResponderGrant: () => {\n        animation && animation.stop();\n        // @ts-expect-error\n        pan.setOffset(pan._value);\n        updatePullState(PullState.PULLING);\n        pullTimeout && clearTimeout(pullTimeout);\n      },\n      onPanResponderMove: (evt, gestureState) => {\n        setIsPulling(true);\n        // @ts-expect-error\n        const offset = pan._offset;\n        let value = Math.max(offset + gestureState.dy, 0);\n        if (value > 0) {\n          // 弹簧劲度系数\n          pan.setValue(gestureState.dy / 2.2);\n        } else {\n          pan.setValue(-offset);\n        }\n        setMoveHeight(value);\n        setMovePercent((value / pullAnimHeight) * 100);\n        renderRefreshControl();\n      },\n      onPanResponderRelease: onRelease,\n      onPanResponderTerminationRequest() {\n        return false;\n      },\n      onPanResponderTerminate: onRelease,\n      onShouldBlockNativeResponder() {\n        return true;\n      },\n    });\n  }, [isPulling, scrollY]);\n\n  // 根据外层传递参数变化进行更新执行\n  useEffect(() => {\n    if (pullState === PullState.PULLING) {\n      return;\n    }\n    // 加载中\n    if (props.isRefreshing === true && !isRefreshing) {\n      animatedTo(pullAnimHeight);\n      setIsRefreshing(true);\n      updatePullState(PullState.LOADING);\n    }\n\n    // 外层加载结束 需要重置位置\n    if (props.isRefreshing === false && isRefreshing) {\n      updatePullState(PullState.HOLDING);\n      setPullTimeout(\n        //@ts-ignore\n        setTimeout(() => {\n          animatedTo(0, () => {\n            setIsPulling(false);\n            updatePullState(PullState.INIT);\n          });\n          updatePullState(PullState.FINISH);\n        }, props?.msHoldingTime || 1000),\n      );\n\n      setIsRefreshing(false);\n    }\n  }, [isRefreshing, props.msHoldingTime, props.isRefreshing]);\n\n  // RefreshControl组件初始化计算\n  const onLayout = (evt: LayoutChangeEvent) => {\n    setPullAnimHeight(props.pullAnimHeight || evt.nativeEvent.layout.height);\n    setMinPullDistance(props.minPullDistance || pullAnimHeight);\n    setTop(-pullAnimHeight);\n  };\n\n  // 重写ScrollView的onScroll事件\n  const scrollContent = useMemo(() => {\n    return React.Children.map(props.children, (child: any) =>\n      React.cloneElement(child, {\n        // 设置滚动响应频率\n        scrollEventThrottle: 1,\n        onScroll: (evt: any) => {\n          setScrollY(evt.nativeEvent.contentOffset.y);\n          // iOS下拉刷新Loading时，ScrollView向上滑动的时候，refreshControl部分同样上滑\n          if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {\n            const y = Math.max(0, pullAnimHeight - evt.nativeEvent.contentOffset.y);\n            viewRef.current &&\n              viewRef.current.setNativeProps({\n                style: {\n                  transform: [{ translateY: y }],\n                },\n              });\n            animatedViewRef.current &&\n              animatedViewRef.current.setNativeProps({\n                style: {\n                  transform: [{ translateY: y }],\n                },\n              });\n          }\n          if (child.props.onScroll && typeof child.props.onScroll === \"function\") {\n            child.props.onScroll(evt);\n          }\n        },\n      }),\n    );\n  }, [pullState, props.children]);\n\n  // 增加Animated.View控制ScrollView展示位置\n  const content = useMemo(() => {\n    // 默认\n    return (\n      <Animated.View\n        // @ts-expect-error\n        ref={viewRef}\n        style={{\n          transform: [{ translateY: pan }],\n          flex: 1,\n        }}\n      >\n        {scrollContent}\n      </Animated.View>\n    );\n  }, [pan, scrollContent]);\n\n  return (\n    <View style={[styles.container, props.style]} {...panResponder.panHandlers} testID=\"refresh-container\">\n      <Animated.View\n        // @ts-expect-error\n        ref={animatedViewRef}\n        onLayout={onLayout}\n        style={[\n          styles.freshItem,\n          {\n            top: top,\n            height: props.pullAnimHeight,\n            transform: [{ translateY: pan }],\n          },\n          props.controlStyle,\n        ]}\n      >\n        {/* @ts-ignore */}\n        <RefreshControl ref={refreshControlRef} />\n      </Animated.View>\n      {content}\n    </View>\n  );\n}\nPullRefresh.defaultProps = PullRefreshDefaultProps;\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: \"hidden\",\n    position: \"relative\",\n    flex: 1,\n  },\n  freshItem: {\n    position: \"absolute\",\n    width: \"100%\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    backgroundColor: \"transparent\",\n    zIndex: 1,\n  },\n});\n"],"names":["PullRefresh","props","_useState","useState","_useState2","_slicedToArray","pullAnimHeight","setPullAnimHeight","_useState3","_useState4","minPullDistance","setMinPullDistance","_useState5","Animated","Value","_useState6","pan","_useState7","_useState8","scrollY","setScrollY","_useState9","_useState10","isPulling","setIsPulling","_useState11","_useState12","isRefreshing","setIsRefreshing","_useState13","_useState14","animation","setAnimation","_useState15","PullState","INIT","_useState16","pullState","setPullState","_useState17","_useState18","moveHeight","setMoveHeight","_useState19","_useState20","movePercent","setMovePercent","_useState21","_useState22","pullTimeout","setPullTimeout","refreshControlRef","useRef","viewRef","animatedViewRef","_useState23","_useState24","top","setTop","onRelease","flattenOffset","panValue","_value","animatedTo","updatePullState","LOADING","onRequest","FINISH","state","renderRefreshControl","toValue","cb","timing","easing","Easing","bezier","duration","useNativeDriver","start","_ref","finished","refreshControlProps","current","setRefreshControlParams","canMove","evt","gestureState","vy","Math","abs","vx","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderGrant","stop","setOffset","PULLING","clearTimeout","onPanResponderMove","offset","_offset","value","max","dy","setValue","onPanResponderRelease","onPanResponderTerminationRequest","onPanResponderTerminate","onShouldBlockNativeResponder","useEffect","HOLDING","setTimeout","msHoldingTime","onLayout","nativeEvent","layout","height","scrollContent","React","Children","map","children","child","cloneElement","scrollEventThrottle","onScroll","contentOffset","y","setNativeProps","style","transform","translateY","content","createElement","View","ref","flex","_objectSpread","styles","container","panHandlers","testID","freshItem","controlStyle","RefreshControl","defaultProps","PullRefreshDefaultProps","StyleSheet","overflow","position","width","justifyContent","alignItems","backgroundColor","zIndex"],"mappings":"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"}

package/lib/esm/components/TabBar/TabBar.js

@@ -1,14 +1,17 @@
 import { c as _toConsumableArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { useMemo } from 'react';
 import { View, TouchableWithoutFeedback, Text } from 'react-native';
-import { T as TabBarDefaultProps } from '../../_chunks/DUTFT_ka.js';
+import { T as TabBarDefaultProps } from '../../_chunks/PrCkQ_W3.js';
 import styles from './styles.js';
 import Icon from '../Icon/Icon.js';
 import Badge from '../Badge/Badge.js';
 import 'react-native-svg';
+import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '@xhsreds/reds-token-next';
+import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import '../../_chunks/t6qlCOwe.js';
 import '../Badge/styles.js';
-import '@xhsreds/reds-token-next';
 
 var defaultIconSize = 20;
 var TabBar = function TabBar(props) {
@@ -24,16 +27,16 @@ var TabBar = function TabBar(props) {
   }, [props.list, props.customTabBar]);
   var getTextClass = function getTextClass(item) {
     var _item$iconProps;
-    return item !== null && item !== void 0 && (_item$iconProps = item.iconProps) !== null && _item$iconProps !== void 0 && _item$iconProps.icon ? props.activeTab === item.key ? styles.activeIconText : styles.iconText : props.activeTab === item.key ? styles.activeText : styles.text;
+    return item !== null && item !== void 0 && (_item$iconProps = item.iconProps) !== null && _item$iconProps !== void 0 && _item$iconProps.icon ? props.active === item.key ? styles.activeIconText : styles.iconText : props.active === item.key ? styles.activeText : styles.text;
   };
   var getTextColor = function getTextColor(item) {
     return {
-      color: props.activeTab === item.key ? item.activeColor || "rgba(0,0,0)" : item.normalColor || "rgba(0,0,0,0.45)"
+      color: props.active === item.key ? item.activeColor || "rgba(0,0,0)" : item.normalColor || "rgba(0,0,0,0.45)"
     };
   };
   var getIconColor = function getIconColor(item) {
     var _item$iconProps2;
-    return (props.activeTab === item.key ? item.activeColor : item.normalColor) || (item === null || item === void 0 || (_item$iconProps2 = item.iconProps) === null || _item$iconProps2 === void 0 ? void 0 : _item$iconProps2.fill);
+    return (props.active === item.key ? item.activeColor : item.normalColor) || (item === null || item === void 0 || (_item$iconProps2 = item.iconProps) === null || _item$iconProps2 === void 0 ? void 0 : _item$iconProps2.fill);
   };
   var handleTabChange = function handleTabChange(item) {
     var _props$onChange;

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport Icon from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n  /**\n   *  渲染的tab数据\n   */\n\n  const renderTabs = useMemo(() => {\n    if (props.customTabBar) {\n      /** 记录插入位置 */\n      const customIdx = Math.floor(props.list.length / 2);\n      /** 插入数据 */\n      return props.list.reduce((prev: DataType[], cur: DataType, index: number) => {\n        return (index === customIdx ? [...prev, props.customTabBar, cur] : [...prev, cur]) as DataType[];\n      }, [] as DataType[]);\n    } else {\n      return props.list;\n    }\n  }, [props.list, props.customTabBar]);\n\n  /**\n   * 计算文字class\n   * @param item\n   */\n  const getTextClass = (item: DataType) => {\n    return item?.iconProps?.icon\n      ? props.activeTab === item.key\n        ? styles.activeIconText\n        : styles.iconText\n      : props.activeTab === item.key\n        ? styles.activeText\n        : styles.text;\n  };\n\n  /**\n   * 计算文字颜色\n   * @param item\n   */\n  const getTextColor = (item: DataType) => {\n    return {\n      color: props.activeTab === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n    };\n  };\n\n  /**\n   * 计算Icon颜色\n   */\n  const getIconColor = (item: DataType) => {\n    return (props.activeTab === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n  };\n\n  /**\n   * 触发点击事件\n   */\n  const handleTabChange = (item: DataType) => {\n    props?.onChange?.(item.key);\n  };\n\n  /**\n   * 容器\n   */\n  const Wrapper = (wrapperProps: { badgeProps: RedsBadge; children: React.ReactNode }) => {\n    return props?.badge ? (\n      <View style={styles.badgeWrapper}>\n        <Badge {...wrapperProps.badgeProps}>{wrapperProps.children}</Badge>\n      </View>\n    ) : (\n      wrapperProps.children\n    );\n  };\n\n  return (\n    <View style={[styles.TabBarContainer, props.containerStyles]}>\n      {renderTabs.map((item) => {\n        return (\n          <TouchableWithoutFeedback onPress={() => handleTabChange(item)} key={item.key}>\n            <View style={styles.TabItemContainer}>\n              <Wrapper badgeProps={item.badgeProps || {}} key={item.key}>\n                <View style={styles.flexCenter}>\n                  {item.iconProps?.icon ? (\n                    <Icon\n                      icon={item.iconProps?.icon}\n                      fill={getIconColor(item) || \"pink\"}\n                      size={item?.iconProps?.size || defaultIconSize}\n                      onClick={() => handleTabChange(item)}\n                    />\n                  ) : (\n                    <></>\n                  )}\n                  {item.text ? <Text style={[getTextClass(item), getTextColor(item)]}>{item.text}</Text> : <></>}\n                </View>\n              </Wrapper>\n            </View>\n          </TouchableWithoutFeedback>\n        );\n      })}\n    </View>\n  );\n};\n\nTabBar.defaultProps = TabBarDefaultProps;\n\nexport default TabBar;\n"],"names":["defaultIconSize","TabBar","props","renderTabs","useMemo","customTabBar","customIdx","Math","floor","list","length","reduce","prev","cur","index","concat","_toConsumableArray","getTextClass","item","_item$iconProps","iconProps","icon","activeTab","key","styles","activeIconText","iconText","activeText","text","getTextColor","color","activeColor","normalColor","getIconColor","_item$iconProps2","fill","handleTabChange","_props$onChange","onChange","call","Wrapper","wrapperProps","badge","React","createElement","View","style","badgeWrapper","Badge","_objectSpread","badgeProps","children","TabBarContainer","containerStyles","map","_item$iconProps3","_item$iconProps4","_item$iconProps5","TouchableWithoutFeedback","onPress","TabItemContainer","flexCenter","Icon","size","onClick","Text","Fragment","defaultProps","TabBarDefaultProps"],"mappings":"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"}
+{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport Icon from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n  /**\n   *  渲染的tab数据\n   */\n\n  const renderTabs = useMemo(() => {\n    if (props.customTabBar) {\n      /** 记录插入位置 */\n      const customIdx = Math.floor(props.list.length / 2);\n      /** 插入数据 */\n      return props.list.reduce((prev: DataType[], cur: DataType, index: number) => {\n        return (index === customIdx ? [...prev, props.customTabBar, cur] : [...prev, cur]) as DataType[];\n      }, [] as DataType[]);\n    } else {\n      return props.list;\n    }\n  }, [props.list, props.customTabBar]);\n\n  /**\n   * 计算文字class\n   * @param item\n   */\n  const getTextClass = (item: DataType) => {\n    return item?.iconProps?.icon\n      ? props.active === item.key\n        ? styles.activeIconText\n        : styles.iconText\n      : props.active === item.key\n        ? styles.activeText\n        : styles.text;\n  };\n\n  /**\n   * 计算文字颜色\n   * @param item\n   */\n  const getTextColor = (item: DataType) => {\n    return {\n      color: props.active === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n    };\n  };\n\n  /**\n   * 计算Icon颜色\n   */\n  const getIconColor = (item: DataType) => {\n    return (props.active === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n  };\n\n  /**\n   * 触发点击事件\n   */\n  const handleTabChange = (item: DataType) => {\n    props?.onChange?.(item.key);\n  };\n\n  /**\n   * 容器\n   */\n  const Wrapper = (wrapperProps: { badgeProps: RedsBadge; children: React.ReactNode }) => {\n    return props?.badge ? (\n      <View style={styles.badgeWrapper}>\n        <Badge {...wrapperProps.badgeProps}>{wrapperProps.children}</Badge>\n      </View>\n    ) : (\n      wrapperProps.children\n    );\n  };\n\n  return (\n    <View style={[styles.TabBarContainer, props.containerStyles]}>\n      {renderTabs.map((item) => {\n        return (\n          <TouchableWithoutFeedback onPress={() => handleTabChange(item)} key={item.key}>\n            <View style={styles.TabItemContainer}>\n              <Wrapper badgeProps={item.badgeProps || {}} key={item.key}>\n                <View style={styles.flexCenter}>\n                  {item.iconProps?.icon ? (\n                    <Icon\n                      icon={item.iconProps?.icon}\n                      fill={getIconColor(item) || \"pink\"}\n                      size={item?.iconProps?.size || defaultIconSize}\n                      onClick={() => handleTabChange(item)}\n                    />\n                  ) : (\n                    <></>\n                  )}\n                  {item.text ? <Text style={[getTextClass(item), getTextColor(item)]}>{item.text}</Text> : <></>}\n                </View>\n              </Wrapper>\n            </View>\n          </TouchableWithoutFeedback>\n        );\n      })}\n    </View>\n  );\n};\n\nTabBar.defaultProps = TabBarDefaultProps;\n\nexport default TabBar;\n"],"names":["defaultIconSize","TabBar","props","renderTabs","useMemo","customTabBar","customIdx","Math","floor","list","length","reduce","prev","cur","index","concat","_toConsumableArray","getTextClass","item","_item$iconProps","iconProps","icon","active","key","styles","activeIconText","iconText","activeText","text","getTextColor","color","activeColor","normalColor","getIconColor","_item$iconProps2","fill","handleTabChange","_props$onChange","onChange","call","Wrapper","wrapperProps","badge","React","createElement","View","style","badgeWrapper","Badge","_objectSpread","badgeProps","children","TabBarContainer","containerStyles","map","_item$iconProps3","_item$iconProps4","_item$iconProps5","TouchableWithoutFeedback","onPress","TabItemContainer","flexCenter","Icon","size","onClick","Text","Fragment","defaultProps","TabBarDefaultProps"],"mappings":"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"}

package/lib/esm/components/TabBar/index.js

@@ -1,15 +1,18 @@
 import TabBar from './TabBar.js';
-export { i as TabBarType } from '../../_chunks/DUTFT_ka.js';
+export { i as TabBarType } from '../../_chunks/PrCkQ_W3.js';
 import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './styles.js';
 import '../Icon/Icon.js';
 import 'react-native-svg';
+import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '@xhsreds/reds-token-next';
+import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 import '../Badge/Badge.js';
 import '../../_chunks/t6qlCOwe.js';
 import '../Badge/styles.js';
-import '@xhsreds/reds-token-next';
 
 
 

package/lib/esm/components/TabBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/lib/esm/components/TabBar/interface/index.js

@@ -1,2 +1,2 @@
-export { T as TabBarDefaultProps } from '../../../_chunks/DUTFT_ka.js';
+export { T as TabBarDefaultProps } from '../../../_chunks/PrCkQ_W3.js';
 //# sourceMappingURL=index.js.map

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

@@ -70,7 +70,11 @@ var Tabs = function Tabs(props) {
     }, wrapperProps.children);
   };
   var BadgeContainer = function BadgeContainer(badgeProps) {
-    return props !== null && props !== void 0 && props.badge ? /* @__PURE__ */React__default.createElement(Badge, _objectSpread2({}, badgeProps.badgeProps), badgeProps.children) : badgeProps.children;
+    return props !== null && props !== void 0 && props.badge ? /* @__PURE__ */React__default.createElement(Badge, _objectSpread2({}, badgeProps.badgeProps), /* @__PURE__ */React__default.createElement(View, {
+      style: [styles.flexCenter, {
+        height: "100%"
+      }]
+    }, badgeProps.children)) : badgeProps.children;
   };
   useEffect(function () {
     var activeIdx = 0;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView } from \"react-native\";\nimport { RedsTab, TabDefaultProps } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { TabItemType, TabThemeType, TabLayoutType, TabChild } from \"./interface\";\nimport Icon from \"../Icon\";\nimport Badge, { BadgeType } from \"../Badge\";\n\nexport const Tab = (props: TabChild) => {\n  return props.children;\n};\n\nconst Tabs = (props: RedsTab) => {\n  const [activeIndex, setActiveIndex] = useState<number>(0);\n\n  /**\n   * 列表数据\n   */\n  const list = useMemo(() => {\n    return (\n      React.Children.map(props.children, (child) => {\n        // 检查 child 是否为一个有效的 React 元素\n        if (React.isValidElement(child)) {\n          return child.props;\n        }\n      }) || []\n    );\n  }, []);\n\n  /**\n   * 不同layout tab容器样式\n   */\n  const containerStyle = useMemo(() => {\n    return [\n      getRedsDropDownVariantStyles().backgroundColor.bg,\n      props?.layout === TabLayoutType.left\n        ? styles.tabLeftContainer\n        : props?.layout === TabLayoutType.middle\n          ? styles.tabCenterContainer\n          : styles.tabSpaceContainer,\n    ];\n  }, [props?.layout]);\n\n  /**\n   * 不同layout tab样式\n   */\n  const tabItemStyle = (item: TabItemType) => {\n    return props?.theme === TabThemeType.capsule && props.active === item.value\n      ? [styles.tabItem, styles.capsule, getRedsDropDownVariantStyles().backgroundColor.fill1]\n      : [styles.tabItem];\n  };\n\n  /**\n   * text wrapper 样式\n   */\n  const tabItemStyles = useMemo(() => {\n    return {\n      paddingLeft: props.tabPadding,\n      paddingRight: props.tabPadding,\n      ...(props.spaceWidth\n        ? {\n            marginRight: Math.floor(props.spaceWidth / 2),\n            marginLeft: Math.floor(props.spaceWidth / 2),\n          }\n        : {}),\n    };\n  }, [props.tabPadding, props.spaceWidth]);\n\n  /**\n   * 是否展示icon\n   */\n  const showIcon = (iconPosition: string, item: TabItemType) => {\n    return props?.labelType === iconPosition && item.iconProps?.icon;\n  };\n\n  /**\n   * icon大小\n   */\n\n  const iconStyle = (item: TabItemType) => {\n    return { width: item.iconProps?.size || 12, height: item.iconProps?.size || 12 };\n  };\n\n  /**\n   * Icon颜色\n   */\n  const iconColor = (item: TabItemType) => {\n    return props.active === item.value\n      ? item.iconProps?.fill || getRedsDropDownVariantStyles().iconColor.title\n      : getRedsDropDownVariantStyles().iconColor.description;\n  };\n\n  /**\n   * 外层容器\n   */\n  const Wrapper = (wrapperProps: any) => {\n    return props?.layout === TabLayoutType.left ? (\n      <ScrollView\n        style={[wrapperProps.style]}\n        horizontal={true}\n        testID={wrapperProps.testID}\n        showsHorizontalScrollIndicator={false}\n      >\n        {wrapperProps.children}\n      </ScrollView>\n    ) : (\n      <View style={wrapperProps.style} testID={wrapperProps.testID}>\n        {wrapperProps.children}\n      </View>\n    );\n  };\n\n  /**\n   * badge容器\n   */\n\n  const BadgeContainer = (badgeProps: { badgeProps: BadgeType.RedsBadge; key: string; children: React.ReactNode }) => {\n    return props?.badge ? <Badge {...badgeProps.badgeProps}>{badgeProps.children}</Badge> : badgeProps.children;\n  };\n\n  useEffect(() => {\n    let activeIdx = 0;\n    list.forEach((i, idx) => {\n      if (i.value === props.active) {\n        activeIdx = idx;\n      }\n    });\n    setActiveIndex(activeIdx);\n  }, [list, props.active]);\n\n  return (\n    <View>\n      <Wrapper style={[...containerStyle, props.containerStyle]} testID=\"TabContainer\">\n        {list.map((item: TabItemType, index: number) => {\n          return (\n            <BadgeContainer key={item.value} badgeProps={item?.badgeProps}>\n              <TouchableWithoutFeedback\n                onPress={() => {\n                  setActiveIndex(index);\n                  props?.onChange?.(item.value, index);\n                }}\n                key={item.value}\n              >\n                <View style={[tabItemStyle(item), tabItemStyles]} testID={`TabItemContainer${index}`}>\n                  {/* 左侧icon */}\n                  {showIcon(\"leftIcon\", item) ? (\n                    <View style={[styles.leftIcon, iconStyle(item)]}>\n                      <Icon icon={item.iconProps?.icon} fill={iconColor(item)} size={item.iconProps?.size || 12} />\n                    </View>\n                  ) : (\n                    <></>\n                  )}\n                  <View style={styles.columnFlex}>\n                    <View style={styles.flexCenter}>\n                      {/* 中间文字 */}\n                      <View style={styles.tabItemTextWrapper}>\n                        <Text\n                          style={\n                            props.active === item.value\n                              ? [styles.activeText, getRedsDropDownVariantStyles().color.title]\n                              : [styles.normalText, getRedsDropDownVariantStyles().color.description]\n                          }\n                        >\n                          {item.name}\n                        </Text>\n                      </View>\n                      {/* 右侧文字样式 */}\n                      {item.labelNumber ? (\n                        <View style={styles.labelNumber}>\n                          <View\n                            style={\n                              props.active === item.value\n                                ? [styles.activeLabelDot, getRedsDropDownVariantStyles().backgroundColor.title]\n                                : [styles.normalLabelDot, getRedsDropDownVariantStyles().backgroundColor.description]\n                            }\n                          ></View>\n                          <Text\n                            style={\n                              props.active === item.value\n                                ? [styles.activeText, getRedsDropDownVariantStyles().color.title]\n                                : [styles.normalText, getRedsDropDownVariantStyles().color.description]\n                            }\n                          >\n                            {item.labelNumber}\n                          </Text>\n                        </View>\n                      ) : (\n                        <></>\n                      )}\n                    </View>\n                    {/* 下划线  */}\n                    {props.theme === TabThemeType.underline && props.active === item.value ? (\n                      <View style={[styles.underline, getRedsDropDownVariantStyles().backgroundColor.primary]}></View>\n                    ) : (\n                      <></>\n                    )}\n                  </View>\n                  {/* 右侧icon */}\n                  {showIcon(\"rightIcon\", item) ? (\n                    <View style={[styles.rightIcon, iconStyle(item)]}>\n                      <Icon icon={item.iconProps?.icon} fill={iconColor(item)} size={item.iconProps?.size || 12} />\n                    </View>\n                  ) : (\n                    <></>\n                  )}\n                </View>\n              </TouchableWithoutFeedback>\n            </BadgeContainer>\n          );\n        })}\n      </Wrapper>\n      {props.children[activeIndex]}\n    </View>\n  );\n};\n\nTabs.defaultProps = TabDefaultProps;\n\nexport default Tabs;\n"],"names":["Tab","props","children","Tabs","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","list","useMemo","React","Children","map","child","isValidElement","containerStyle","getRedsDropDownVariantStyles","backgroundColor","bg","layout","TabLayoutType","left","styles","tabLeftContainer","middle","tabCenterContainer","tabSpaceContainer","tabItemStyle","item","theme","TabThemeType","capsule","active","value","tabItem","fill1","tabItemStyles","_objectSpread","paddingLeft","tabPadding","paddingRight","spaceWidth","marginRight","Math","floor","marginLeft","showIcon","iconPosition","_item$iconProps","labelType","iconProps","icon","iconStyle","_item$iconProps2","_item$iconProps3","width","size","height","iconColor","_item$iconProps4","fill","title","description","Wrapper","wrapperProps","createElement","ScrollView","style","horizontal","testID","showsHorizontalScrollIndicator","View","BadgeContainer","badgeProps","badge","Badge","useEffect","activeIdx","forEach","i","idx","concat","_toConsumableArray","index","_item$iconProps5","_item$iconProps6","_item$iconProps7","_item$iconProps8","key","TouchableWithoutFeedback","onPress","_props$onChange","onChange","call","leftIcon","Icon","Fragment","columnFlex","flexCenter","tabItemTextWrapper","Text","activeText","color","normalText","name","labelNumber","activeLabelDot","normalLabelDot","underline","primary","rightIcon","defaultProps","TabDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, Text, ScrollView } from \"react-native\";\nimport { RedsTab, TabDefaultProps } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { TabItemType, TabThemeType, TabLayoutType, TabChild } from \"./interface\";\nimport Icon from \"../Icon\";\nimport Badge, { BadgeType } from \"../Badge\";\n\nexport const Tab = (props: TabChild) => {\n  return props.children;\n};\n\nconst Tabs = (props: RedsTab) => {\n  const [activeIndex, setActiveIndex] = useState<number>(0);\n\n  /**\n   * 列表数据\n   */\n  const list = useMemo(() => {\n    return (\n      React.Children.map(props.children, (child) => {\n        // 检查 child 是否为一个有效的 React 元素\n        if (React.isValidElement(child)) {\n          return child.props;\n        }\n      }) || []\n    );\n  }, []);\n\n  /**\n   * 不同layout tab容器样式\n   */\n  const containerStyle = useMemo(() => {\n    return [\n      getRedsDropDownVariantStyles().backgroundColor.bg,\n      props?.layout === TabLayoutType.left\n        ? styles.tabLeftContainer\n        : props?.layout === TabLayoutType.middle\n          ? styles.tabCenterContainer\n          : styles.tabSpaceContainer,\n    ];\n  }, [props?.layout]);\n\n  /**\n   * 不同layout tab样式\n   */\n  const tabItemStyle = (item: TabItemType) => {\n    return props?.theme === TabThemeType.capsule && props.active === item.value\n      ? [styles.tabItem, styles.capsule, getRedsDropDownVariantStyles().backgroundColor.fill1]\n      : [styles.tabItem];\n  };\n\n  /**\n   * text wrapper 样式\n   */\n  const tabItemStyles = useMemo(() => {\n    return {\n      paddingLeft: props.tabPadding,\n      paddingRight: props.tabPadding,\n      ...(props.spaceWidth\n        ? {\n            marginRight: Math.floor(props.spaceWidth / 2),\n            marginLeft: Math.floor(props.spaceWidth / 2),\n          }\n        : {}),\n    };\n  }, [props.tabPadding, props.spaceWidth]);\n\n  /**\n   * 是否展示icon\n   */\n  const showIcon = (iconPosition: string, item: TabItemType) => {\n    return props?.labelType === iconPosition && item.iconProps?.icon;\n  };\n\n  /**\n   * icon大小\n   */\n\n  const iconStyle = (item: TabItemType) => {\n    return { width: item.iconProps?.size || 12, height: item.iconProps?.size || 12 };\n  };\n\n  /**\n   * Icon颜色\n   */\n  const iconColor = (item: TabItemType) => {\n    return props.active === item.value\n      ? item.iconProps?.fill || getRedsDropDownVariantStyles().iconColor.title\n      : getRedsDropDownVariantStyles().iconColor.description;\n  };\n\n  /**\n   * 外层容器\n   */\n  const Wrapper = (wrapperProps: any) => {\n    return props?.layout === TabLayoutType.left ? (\n      <ScrollView\n        style={[wrapperProps.style]}\n        horizontal={true}\n        testID={wrapperProps.testID}\n        showsHorizontalScrollIndicator={false}\n      >\n        {wrapperProps.children}\n      </ScrollView>\n    ) : (\n      <View style={wrapperProps.style} testID={wrapperProps.testID}>\n        {wrapperProps.children}\n      </View>\n    );\n  };\n\n  /**\n   * badge容器\n   */\n\n  const BadgeContainer = (badgeProps: { badgeProps: BadgeType.RedsBadge; key: string; children: React.ReactNode }) => {\n    return props?.badge ? (\n      <Badge {...badgeProps.badgeProps}>\n        <View style={[styles.flexCenter, { height: \"100%\" }]}>{badgeProps.children}</View>\n      </Badge>\n    ) : (\n      badgeProps.children\n    );\n  };\n\n  useEffect(() => {\n    let activeIdx = 0;\n    list.forEach((i, idx) => {\n      if (i.value === props.active) {\n        activeIdx = idx;\n      }\n    });\n    setActiveIndex(activeIdx);\n  }, [list, props.active]);\n\n  return (\n    <View>\n      <Wrapper style={[...containerStyle, props.containerStyle]} testID=\"TabContainer\">\n        {list.map((item: TabItemType, index: number) => {\n          return (\n            <BadgeContainer key={item.value} badgeProps={item?.badgeProps}>\n              <TouchableWithoutFeedback\n                onPress={() => {\n                  setActiveIndex(index);\n                  props?.onChange?.(item.value, index);\n                }}\n                key={item.value}\n              >\n                <View style={[tabItemStyle(item), tabItemStyles]} testID={`TabItemContainer${index}`}>\n                  {/* 左侧icon */}\n                  {showIcon(\"leftIcon\", item) ? (\n                    <View style={[styles.leftIcon, iconStyle(item)]}>\n                      <Icon icon={item.iconProps?.icon} fill={iconColor(item)} size={item.iconProps?.size || 12} />\n                    </View>\n                  ) : (\n                    <></>\n                  )}\n                  <View style={styles.columnFlex}>\n                    <View style={styles.flexCenter}>\n                      {/* 中间文字 */}\n                      <View style={styles.tabItemTextWrapper}>\n                        <Text\n                          style={\n                            props.active === item.value\n                              ? [styles.activeText, getRedsDropDownVariantStyles().color.title]\n                              : [styles.normalText, getRedsDropDownVariantStyles().color.description]\n                          }\n                        >\n                          {item.name}\n                        </Text>\n                      </View>\n                      {/* 右侧文字样式 */}\n                      {item.labelNumber ? (\n                        <View style={styles.labelNumber}>\n                          <View\n                            style={\n                              props.active === item.value\n                                ? [styles.activeLabelDot, getRedsDropDownVariantStyles().backgroundColor.title]\n                                : [styles.normalLabelDot, getRedsDropDownVariantStyles().backgroundColor.description]\n                            }\n                          ></View>\n                          <Text\n                            style={\n                              props.active === item.value\n                                ? [styles.activeText, getRedsDropDownVariantStyles().color.title]\n                                : [styles.normalText, getRedsDropDownVariantStyles().color.description]\n                            }\n                          >\n                            {item.labelNumber}\n                          </Text>\n                        </View>\n                      ) : (\n                        <></>\n                      )}\n                    </View>\n                    {/* 下划线  */}\n                    {props.theme === TabThemeType.underline && props.active === item.value ? (\n                      <View style={[styles.underline, getRedsDropDownVariantStyles().backgroundColor.primary]}></View>\n                    ) : (\n                      <></>\n                    )}\n                  </View>\n                  {/* 右侧icon */}\n                  {showIcon(\"rightIcon\", item) ? (\n                    <View style={[styles.rightIcon, iconStyle(item)]}>\n                      <Icon icon={item.iconProps?.icon} fill={iconColor(item)} size={item.iconProps?.size || 12} />\n                    </View>\n                  ) : (\n                    <></>\n                  )}\n                </View>\n              </TouchableWithoutFeedback>\n            </BadgeContainer>\n          );\n        })}\n      </Wrapper>\n      {props.children[activeIndex]}\n    </View>\n  );\n};\n\nTabs.defaultProps = TabDefaultProps;\n\nexport default Tabs;\n"],"names":["Tab","props","children","Tabs","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","list","useMemo","React","Children","map","child","isValidElement","containerStyle","getRedsDropDownVariantStyles","backgroundColor","bg","layout","TabLayoutType","left","styles","tabLeftContainer","middle","tabCenterContainer","tabSpaceContainer","tabItemStyle","item","theme","TabThemeType","capsule","active","value","tabItem","fill1","tabItemStyles","_objectSpread","paddingLeft","tabPadding","paddingRight","spaceWidth","marginRight","Math","floor","marginLeft","showIcon","iconPosition","_item$iconProps","labelType","iconProps","icon","iconStyle","_item$iconProps2","_item$iconProps3","width","size","height","iconColor","_item$iconProps4","fill","title","description","Wrapper","wrapperProps","createElement","ScrollView","style","horizontal","testID","showsHorizontalScrollIndicator","View","BadgeContainer","badgeProps","badge","Badge","flexCenter","useEffect","activeIdx","forEach","i","idx","concat","_toConsumableArray","index","_item$iconProps5","_item$iconProps6","_item$iconProps7","_item$iconProps8","key","TouchableWithoutFeedback","onPress","_props$onChange","onChange","call","leftIcon","Icon","Fragment","columnFlex","tabItemTextWrapper","Text","activeText","color","normalText","name","labelNumber","activeLabelDot","normalLabelDot","underline","primary","rightIcon","defaultProps","TabDefaultProps"],"mappings":"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"}

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

@@ -134,7 +134,7 @@ var getRedsDropDownVariantStyles = function getRedsDropDownVariantStyles() {
     },
     backgroundColor: {
       bg: {
-        backgroundColor: themeColor.Bg
+        backgroundColor: themeColor.Fill1
       },
       description: {
         backgroundColor: themeColor.Description

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Tabs/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst styles = StyleSheet.create({\n  tabCenterContainer: {\n    height: 44,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabLeftContainer: {\n    width: \"100%\",\n    height: 44,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabSpaceContainer: {\n    width: \"100%\",\n    height: 44,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabItem: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  spaceTabItem: {\n    flex: 1,\n  },\n  underline: {\n    height: 2,\n    width: \"90%\",\n    paddingHorizontal: 2,\n  },\n  smallText: {\n    fontSize: 14,\n    fontWeight: \"500\",\n  },\n  largeText: {\n    fontSize: 16,\n    fontWeight: \"500\",\n  },\n  activeText: {\n    paddingTop: 4,\n    paddingBottom: 4,\n  },\n  normalText: {\n    paddingTop: 4,\n    paddingBottom: 4,\n  },\n  capsule: {\n    borderRadius: 25,\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  tabItemTextWrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"relative\",\n  },\n  leftIcon: {\n    marginRight: 2,\n  },\n  rightIcon: {\n    marginLeft: 2,\n  },\n  labelNumber: {\n    fontSize: 12,\n    fontWeight: \"500\",\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  activeLabelDot: {\n    width: 2,\n    height: 2,\n    borderRadius: 2,\n    marginLeft: 2,\n    marginRight: 2,\n  },\n  normalLabelDot: {\n    width: 2,\n    height: 2,\n    borderRadius: 2,\n    marginLeft: 2,\n    marginRight: 2,\n  },\n  flexCenter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  columnFlex: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = () => {\n  const themeColor = useThemeColor();\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      primary: { backgroundColor: themeColor.Primary },\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","tabCenterContainer","height","display","flexDirection","alignItems","justifyContent","paddingLeft","paddingRight","tabLeftContainer","width","tabSpaceContainer","tabItem","spaceTabItem","flex","underline","paddingHorizontal","smallText","fontSize","fontWeight","largeText","activeText","paddingTop","paddingBottom","normalText","capsule","borderRadius","paddingVertical","tabItemTextWrapper","position","leftIcon","marginRight","rightIcon","marginLeft","labelNumber","activeLabelDot","normalLabelDot","flexCenter","columnFlex","getRedsDropDownVariantStyles","themeColor","useThemeColor","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/Tabs/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst styles = StyleSheet.create({\n  tabCenterContainer: {\n    height: 44,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabLeftContainer: {\n    width: \"100%\",\n    height: 44,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabSpaceContainer: {\n    width: \"100%\",\n    height: 44,\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  tabItem: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  spaceTabItem: {\n    flex: 1,\n  },\n  underline: {\n    height: 2,\n    width: \"90%\",\n    paddingHorizontal: 2,\n  },\n  smallText: {\n    fontSize: 14,\n    fontWeight: \"500\",\n  },\n  largeText: {\n    fontSize: 16,\n    fontWeight: \"500\",\n  },\n  activeText: {\n    paddingTop: 4,\n    paddingBottom: 4,\n  },\n  normalText: {\n    paddingTop: 4,\n    paddingBottom: 4,\n  },\n  capsule: {\n    borderRadius: 25,\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  tabItemTextWrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"relative\",\n  },\n  leftIcon: {\n    marginRight: 2,\n  },\n  rightIcon: {\n    marginLeft: 2,\n  },\n  labelNumber: {\n    fontSize: 12,\n    fontWeight: \"500\",\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  activeLabelDot: {\n    width: 2,\n    height: 2,\n    borderRadius: 2,\n    marginLeft: 2,\n    marginRight: 2,\n  },\n  normalLabelDot: {\n    width: 2,\n    height: 2,\n    borderRadius: 2,\n    marginLeft: 2,\n    marginRight: 2,\n  },\n  flexCenter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  columnFlex: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = () => {\n  const themeColor = useThemeColor();\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.Fill1 },\n      description: { backgroundColor: themeColor.Description },\n      fill5: { backgroundColor: themeColor.Fill5 },\n      fill1: { backgroundColor: themeColor.Fill1 },\n      primary2: { backgroundColor: themeColor.Primary2 },\n      primary: { backgroundColor: themeColor.Primary },\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","tabCenterContainer","height","display","flexDirection","alignItems","justifyContent","paddingLeft","paddingRight","tabLeftContainer","width","tabSpaceContainer","tabItem","spaceTabItem","flex","underline","paddingHorizontal","smallText","fontSize","fontWeight","largeText","activeText","paddingTop","paddingBottom","normalText","capsule","borderRadius","paddingVertical","tabItemTextWrapper","position","leftIcon","marginRight","rightIcon","marginLeft","labelNumber","activeLabelDot","normalLabelDot","flexCenter","columnFlex","getRedsDropDownVariantStyles","themeColor","useThemeColor","color","title","Title","primary","Primary","paragraph","Paragraph","description","Description","backgroundColor","bg","Fill1","fill5","Fill5","fill1","primary2","Primary2","borderTopColor","separator","Separator","iconColor"],"mappings":"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"}

package/lib/esm/components/Toast/Toast.js

@@ -10,10 +10,10 @@ import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.
 import { a as ToastDefaultProps, T as ToastBuiltInType } from '../../_chunks/smTB3TZu.js';
 import styles, { getContainerStyle } from './styles.js';
 import 'react-native-svg';
-import '../../_chunks/BbMynYIz.js';
-import '../Button/styleMap.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../../_chunks/BbMynYIz.js';
+import '../Button/styleMap.js';
 import '../../_chunks/DpaXRu2q.js';
 import '../ProgressIndicator/styles.js';
 

package/lib/esm/components/Toast/api.js

@@ -10,13 +10,13 @@ import 'react-native';
 import '@xhs/reder-icon-svg';
 import '../Icon/Icon.js';
 import 'react-native-svg';
-import '../Button/Button.js';
-import '../../_chunks/BbMynYIz.js';
-import '../Button/styleMap.js';
-import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../Button/Button.js';
+import '../../_chunks/BbMynYIz.js';
+import '../Button/styleMap.js';
 import '../ProgressIndicator/ProgressIndicator.js';
 import '../../_chunks/DpaXRu2q.js';
 import '../ProgressIndicator/styles.js';

package/lib/esm/components/Toast/index.js

@@ -7,13 +7,13 @@ import 'react-native';
 import '@xhs/reder-icon-svg';
 import '../Icon/Icon.js';
 import 'react-native-svg';
-import '../Button/Button.js';
-import '../../_chunks/BbMynYIz.js';
-import '../Button/styleMap.js';
-import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../Button/Button.js';
+import '../../_chunks/BbMynYIz.js';
+import '../Button/styleMap.js';
 import '../ProgressIndicator/ProgressIndicator.js';
 import '../../_chunks/DpaXRu2q.js';
 import '../ProgressIndicator/styles.js';

package/lib/esm/index.js

@@ -25,7 +25,7 @@ export { i as DropDownType } from './_chunks/vOnIzQRe.js';
 export { default as Progress } from './components/Progress/Progress.js';
 export { i as ProgressType } from './_chunks/CDjjInz6.js';
 export { default as TabBar } from './components/TabBar/TabBar.js';
-export { i as TabBarType } from './_chunks/DUTFT_ka.js';
+export { i as TabBarType } from './_chunks/PrCkQ_W3.js';
 export { default as NavigationBar } from './components/NavigationBar/NavigationBar.js';
 export { i as NavigationBarType } from './_chunks/DxmiznjB.js';
 export { default as BottomBar } from './components/BottomBar/BottomBar.js';
@@ -63,7 +63,7 @@ export { i as PopoverType } from './_chunks/BeWZSBnN.js';
 export { default as Switch } from './components/Switch/Switch.js';
 export { i as SwitchType } from './_chunks/B3zY_xWO.js';
 export { default as ConfigProvider } from './components/ConfigProvider/ConfigProvider.js';
-export { i as ConfigProviderType } from './_chunks/DKABHJAn.js';
+export { i as ConfigProviderType } from './_chunks/BefIgmcR.js';
 export { useThemeColor } from './components/ConfigProvider/hooks/themeToken/useThemeToken.js';
 export { default as Text } from './components/Text/Text.js';
 export { i as TextType } from './_chunks/BswK5qRp.js';

package/lib/types/components/ActionSheets/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Avatar/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/AvatarGroup/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Badge/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/BottomBar/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Button/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/ConfigProvider/ConfigProvider.d.ts

@@ -1,4 +1,4 @@
-import { ConfigProviderProps } from "./interface";
+import { RedsConfigProvider } from "./interface";
 import React from "react";
-declare const ConfigProvider: React.FC<ConfigProviderProps>;
+declare const ConfigProvider: React.FC<RedsConfigProvider>;
 export default ConfigProvider;

package/lib/types/components/ConfigProvider/hooks/ConfigCache/ConfigCache.d.ts

@@ -4,7 +4,7 @@ declare class ConfigCache {
     multipleConfigurations: boolean;
     constructor({ id, themeCache }: IConfigCache);
     addNewConfigCache({ id, themeCache, parentId }: IConfigCache): void;
-    getColorModeById(id: string): import("./interface").ColorMode;
+    getColorModeById(id: string): string;
     getTokenById(id: string, tokenType: "lightColor" | "darkColor" | "alwaysColor", key: LightToken | DarkToken): any;
     getLightTokenById(id: string, key: LightToken | DarkToken): any;
     getDarkTokenById(id: string, key: LightToken | DarkToken): any;

package/lib/types/components/ConfigProvider/hooks/ConfigCache/interface.d.ts

@@ -6,7 +6,7 @@ export type TypographyToken = keyof typeof typography;
 export type ThemeColor = {
     [key in LightToken | DarkToken]: ValueOf<typeof lightColor | typeof darkColor>;
 };
-export type ColorMode = "light" | "dark";
+export type ColorMode = "light" | "dark" | string;
 export type Component = "Button" | "Popover" | "Text" | "Tag" | "Switch" | "Icon" | "Result" | "Empty" | "ProgressIndicator" | "Skeleton" | "Toast";
 export type ComponentColor = {
     [key in Component]: ThemeColor;

package/lib/types/components/ConfigProvider/interface/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 type ColorMode = "light" | "dark";
 type Component = "Button" | "Popover" | "Text" | "Tag" | "Switch" | "Toast";
 type ComponentsToken = {
@@ -24,13 +24,19 @@ export interface ConfigProviderProps {
     theme?: IThemeConfig;
     parentId?: string;
 }
+export interface IThemeToken {
+    lightColor?: Record<string, string>;
+    darkColor?: Record<string, string>;
+    alwaysColor?: Record<string, string>;
+    components?: ComponentsToken;
+}
 export interface RedsConfigProvider {
     id?: string;
     parentId?: string;
-    theme?: IThemeConfig;
     colorMode?: string;
     inherit?: boolean;
-    token: Object;
+    token?: IThemeToken;
+    children?: ReactNode;
 }
 export interface RedsConfigProviderEvent {
 }
@@ -38,17 +44,7 @@ export declare const defaultProps: RedsConfigProvider;
 export declare const ConfigProviderDefaultProps: {
     id: string;
     parentId: string;
-    theme: {
-        colorMode: string;
-        inherit: boolean;
-        token: {
-            lightColor: {};
-            darkColor: {};
-            alwaysColor: {};
-        };
-    };
     colorMode: string;
     inherit: boolean;
-    token: {};
 };
 export {};

package/lib/types/components/Divider/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Empty/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Image/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/List/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/NavigationBar/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Picker/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/ProgressIndicator/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/PullRefresh/interface/index.d.ts

@@ -7,8 +7,8 @@ export interface RedsPullRefresh {
     msHoldingTime?: number;
     onRequest?: () => void;
     isRefreshing: boolean;
-    refreshLayoutStyle?: ViewStyle;
-    refreshControlStyle?: ViewStyle;
+    style?: ViewStyle;
+    controlStyle?: ViewStyle;
 }
 export interface RedsPullRefreshEvent {
 }

package/lib/types/components/Sheets/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Silder/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/components/Skeleton/test/spectrum.bench.d.ts

@@ -0,0 +1 @@
+export {};