react-native-system-ui 0.0.5 → 0.0.7

package/dist/es/components/pull-refresh/PullRefresh.js

@@ -1,359 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Animated, PanResponder, Platform, RefreshControl, ScrollView, StyleSheet, Text, View } from 'react-native';
-import { nativeDriverEnabled } from '../../platform';
-import { parseNumberLike } from '../../utils/number';
-import { isFunction, isNumber, isText, isUndefined } from '../../utils/validate';
-import { useLocale } from '../config-provider/useLocale';
-import { usePullRefreshTokens } from './tokens';
-const DEFAULT_SUCCESS_DURATION = 500;
-const PullRefresh = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    children,
-    onRefresh,
-    onRefreshEnd,
-    refreshing,
-    defaultRefreshing,
-    tokensOverride,
-    pullingText,
-    loosingText,
-    loadingText,
-    successText = '刷新成功',
-    successDuration,
-    animationDuration,
-    headHeight,
-    pullDistance,
-    disabled = false,
-    style,
-    ...scrollProps
-  } = props;
-  const isWeb = Platform.OS === 'web';
-  const locale = useLocale();
-  const tokens = usePullRefreshTokens(tokensOverride);
-  const {
-    colors,
-    sizing
-  } = tokens;
-  const translateY = useRef(new Animated.Value(0)).current;
-  const headHeightNumber = Math.max(0, parseNumberLike(headHeight, sizing.headHeight) ?? sizing.headHeight);
-  const pullDistanceNumber = Math.max(0, parseNumberLike(pullDistance, headHeightNumber) ?? headHeightNumber);
-  const successDurationMs = Math.max(0, parseNumberLike(successDuration, DEFAULT_SUCCESS_DURATION) ?? DEFAULT_SUCCESS_DURATION);
-  const animationDurationMs = Math.max(0, parseNumberLike(animationDuration, 300) ?? 300);
-  const isControlled = !isUndefined(refreshing);
-  const [innerRefreshing, setInnerRefreshing] = useState(!!defaultRefreshing);
-  const mergedRefreshing = isControlled ? !!refreshing : innerRefreshing;
-  const scrollTopRef = useRef(0);
-  const draggingRef = useRef(false);
-  const webDragRafRef = useRef(null);
-  const webDragPendingRef = useRef(null);
-  const webStateUpdateAtRef = useRef(0);
-  const webStateUpdateValueRef = useRef(0);
-  const [distance, setDistance] = useState(0);
-  const [showSuccess, setShowSuccess] = useState(false);
-  const timerRef = useRef(null);
-  const refreshEndTimerRef = useRef(null);
-  const mergedRefreshingRef = useRef(mergedRefreshing);
-  const refreshTriggeredRef = useRef(false);
-  const refreshSucceededRef = useRef(false);
-  const normalizeDistance = useCallback(nextDistance => Math.max(0, Math.round(nextDistance)), []);
-  const updateDistanceState = useCallback(normalized => {
-    setDistance(prev => Math.abs(prev - normalized) < 1 ? prev : normalized);
-  }, []);
-  const applyWebTranslate = useCallback((normalized, animate = false) => {
-    translateY.stopAnimation();
-    if (animate && animationDurationMs > 0) {
-      Animated.timing(translateY, {
-        toValue: normalized,
-        duration: animationDurationMs,
-        useNativeDriver: false
-      }).start();
-    } else {
-      translateY.setValue(normalized);
-    }
-  }, [animationDurationMs, translateY]);
-  const setDistanceValue = useCallback((nextDistance, animate = false) => {
-    const normalized = normalizeDistance(nextDistance);
-    if (isWeb) {
-      applyWebTranslate(normalized, animate);
-    }
-    updateDistanceState(normalized);
-    return normalized;
-  }, [applyWebTranslate, isWeb, normalizeDistance, updateDistanceState]);
-  const flushWebDrag = useCallback(() => {
-    const pending = webDragPendingRef.current;
-    if (pending == null) return;
-    webDragPendingRef.current = null;
-    const normalized = normalizeDistance(pending);
-    if (isWeb) {
-      applyWebTranslate(normalized);
-    }
-    const now = Date.now();
-    if (now - webStateUpdateAtRef.current >= 32 || Math.abs(normalized - webStateUpdateValueRef.current) >= 4) {
-      webStateUpdateAtRef.current = now;
-      webStateUpdateValueRef.current = normalized;
-      updateDistanceState(normalized);
-    }
-  }, [applyWebTranslate, isWeb, normalizeDistance, updateDistanceState]);
-  const cancelWebDrag = useCallback(() => {
-    if (webDragRafRef.current != null && typeof cancelAnimationFrame === 'function') {
-      cancelAnimationFrame(webDragRafRef.current);
-    }
-    webDragRafRef.current = null;
-    webDragPendingRef.current = null;
-  }, []);
-  const scheduleWebDrag = useCallback(nextDistance => {
-    if (!isWeb || typeof requestAnimationFrame !== 'function') {
-      setDistanceValue(nextDistance);
-      return;
-    }
-    webDragPendingRef.current = nextDistance;
-    if (webDragRafRef.current != null) return;
-    webDragRafRef.current = requestAnimationFrame(() => {
-      webDragRafRef.current = null;
-      flushWebDrag();
-    });
-  }, [flushWebDrag, isWeb, setDistanceValue]);
-  useEffect(() => {
-    return () => {
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-      }
-      if (refreshEndTimerRef.current) {
-        clearTimeout(refreshEndTimerRef.current);
-      }
-      cancelWebDrag();
-    };
-  }, [cancelWebDrag]);
-  const setRefreshing = useCallback(value => {
-    if (!isControlled) setInnerRefreshing(value);
-  }, [isControlled]);
-  useEffect(() => {
-    mergedRefreshingRef.current = mergedRefreshing;
-  }, [mergedRefreshing]);
-  const resolveStatusText = useCallback((text, fallback) => {
-    const resolved = isUndefined(text) ? fallback : text;
-    return isFunction(resolved) ? resolved({
-      distance
-    }) : resolved;
-  }, [distance]);
-  const triggerSuccess = useCallback(() => {
-    if (successText === null || successText === undefined || successText === false) return;
-    if (successDurationMs <= 0) return;
-    setShowSuccess(true);
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-    }
-    timerRef.current = setTimeout(() => {
-      setShowSuccess(false);
-    }, successDurationMs);
-  }, [successDurationMs, successText]);
-  const handleRefresh = useCallback(async () => {
-    if (disabled || mergedRefreshing) return;
-    if (!isFunction(onRefresh)) return;
-    setShowSuccess(false);
-    refreshTriggeredRef.current = true;
-    refreshSucceededRef.current = false;
-    setRefreshing(true);
-    try {
-      await onRefresh();
-      refreshSucceededRef.current = true;
-    } finally {
-      setRefreshing(false);
-      if (isFunction(onRefreshEnd)) {
-        if (refreshEndTimerRef.current) {
-          clearTimeout(refreshEndTimerRef.current);
-        }
-        refreshEndTimerRef.current = setTimeout(onRefreshEnd, 0);
-      }
-      if (refreshTriggeredRef.current && refreshSucceededRef.current && !mergedRefreshingRef.current) {
-        triggerSuccess();
-        refreshTriggeredRef.current = false;
-        refreshSucceededRef.current = false;
-      }
-    }
-  }, [disabled, mergedRefreshing, onRefresh, onRefreshEnd, setRefreshing, triggerSuccess]);
-  useEffect(() => {
-    if (!isWeb) return;
-    if (draggingRef.current) return;
-    if (disabled) {
-      setDistanceValue(0, true);
-      return;
-    }
-    if (mergedRefreshing || showSuccess) {
-      setDistanceValue(headHeightNumber, true);
-      return;
-    }
-    setDistanceValue(0, true);
-  }, [disabled, headHeightNumber, isWeb, mergedRefreshing, setDistanceValue, showSuccess]);
-  useEffect(() => {
-    if (isWeb) return;
-    if (!mergedRefreshing && !showSuccess) return;
-    setDistanceValue(0);
-  }, [isWeb, mergedRefreshing, setDistanceValue, showSuccess]);
-  useEffect(() => {
-    if (!refreshTriggeredRef.current) return;
-    if (mergedRefreshing) return;
-    if (!refreshSucceededRef.current) {
-      refreshTriggeredRef.current = false;
-      refreshSucceededRef.current = false;
-      return;
-    }
-    if (showSuccess) {
-      refreshTriggeredRef.current = false;
-      refreshSucceededRef.current = false;
-      return;
-    }
-    triggerSuccess();
-    refreshTriggeredRef.current = false;
-    refreshSucceededRef.current = false;
-  }, [mergedRefreshing, showSuccess, triggerSuccess]);
-  const status = mergedRefreshing ? 'loading' : showSuccess ? 'success' : disabled || distance === 0 ? 'normal' : distance < pullDistanceNumber ? 'pulling' : 'loosing';
-  const opacity = useRef(new Animated.Value(status === 'normal' ? 0 : 1)).current;
-  useEffect(() => {
-    const toValue = status === 'normal' ? 0 : 1;
-    opacity.stopAnimation();
-    if (animationDurationMs <= 0) {
-      opacity.setValue(toValue);
-      return;
-    }
-    Animated.timing(opacity, {
-      toValue,
-      duration: animationDurationMs,
-      useNativeDriver: nativeDriverEnabled
-    }).start();
-  }, [animationDurationMs, opacity, status]);
-  const statusNode = (() => {
-    switch (status) {
-      case 'pulling':
-        return resolveStatusText(pullingText, locale.vanPullRefresh.pulling);
-      case 'loosing':
-        return resolveStatusText(loosingText, locale.vanPullRefresh.loosing);
-      case 'loading':
-        return resolveStatusText(loadingText, locale.vanPullRefresh.loading);
-      case 'success':
-        return resolveStatusText(successText, '刷新成功');
-      default:
-        return null;
-    }
-  })();
-  const shouldReserveHead = (status === 'loading' || status === 'success') && distance === 0;
-  const flattenedContainerStyle = StyleSheet.flatten(scrollProps.contentContainerStyle);
-  const basePaddingTop = isNumber(flattenedContainerStyle?.paddingTop) ? flattenedContainerStyle.paddingTop : 0;
-  const contentContainerStyle = shouldReserveHead ? [scrollProps.contentContainerStyle, {
-    paddingTop: basePaddingTop + headHeightNumber
-  }] : scrollProps.contentContainerStyle;
-  const onScrollProp = scrollProps.onScroll;
-  const handleScroll = useCallback(event => {
-    onScrollProp?.(event);
-    const offset = event.nativeEvent.contentOffset?.y ?? 0;
-    if (isWeb) {
-      scrollTopRef.current = Math.max(0, offset);
-      return;
-    }
-    if (disabled) return;
-    if (!isFunction(onRefresh) || mergedRefreshing || showSuccess) {
-      setDistanceValue(0);
-      return;
-    }
-    setDistanceValue(offset < 0 ? -offset : 0);
-  }, [disabled, isWeb, mergedRefreshing, onRefresh, onScrollProp, setDistanceValue, showSuccess]);
-  const panResponder = (() => {
-    if (!isWeb || !isFunction(onRefresh)) return null;
-    const easeDistance = raw => {
-      const pullDistance = pullDistanceNumber;
-      let eased = raw;
-      if (eased > pullDistance) {
-        eased = eased < pullDistance * 2 ? pullDistance + (eased - pullDistance) / 2 : pullDistance * 1.5 + (eased - pullDistance * 2) / 4;
-      }
-      return Math.round(eased);
-    };
-    return PanResponder.create({
-      onMoveShouldSetPanResponder: (_event, gestureState) => {
-        if (disabled) return false;
-        if (mergedRefreshingRef.current) return false;
-        if (showSuccess) return false;
-        if (scrollTopRef.current > 0) return false;
-        const {
-          dx,
-          dy
-        } = gestureState;
-        if (dy <= 0) return false;
-        if (Math.abs(dy) <= Math.abs(dx)) return false;
-        return true;
-      },
-      onPanResponderGrant: () => {
-        draggingRef.current = true;
-      },
-      onPanResponderMove: (event, gestureState) => {
-        if (disabled) return;
-        if (mergedRefreshingRef.current) return;
-        if (showSuccess) return;
-        if (scrollTopRef.current > 0) return;
-        const raw = Math.max(0, gestureState.dy ?? 0);
-        scheduleWebDrag(easeDistance(raw));
-        event.preventDefault?.();
-      },
-      onPanResponderRelease: async (_event, gestureState) => {
-        draggingRef.current = false;
-        cancelWebDrag();
-        if (disabled) return;
-        if (mergedRefreshingRef.current) return;
-        if (showSuccess) return;
-        const nextDistance = easeDistance(Math.max(0, gestureState.dy));
-        const shouldRefresh = nextDistance >= pullDistanceNumber;
-        if (shouldRefresh) {
-          setDistanceValue(headHeightNumber, true);
-          await handleRefresh();
-          return;
-        }
-        setDistanceValue(0, true);
-      },
-      onPanResponderTerminate: () => {
-        draggingRef.current = false;
-        cancelWebDrag();
-        setDistanceValue(0, true);
-      }
-    });
-  })();
-  return /*#__PURE__*/React.createElement(ScrollView, _extends({}, scrollProps, {
-    ref: ref,
-    style: style,
-    contentContainerStyle: contentContainerStyle,
-    refreshControl: /*#__PURE__*/React.createElement(RefreshControl, {
-      refreshing: !!mergedRefreshing,
-      onRefresh: handleRefresh,
-      enabled: !disabled && isFunction(onRefresh)
-    }),
-    onScroll: handleScroll,
-    scrollEventThrottle: 16
-  }), /*#__PURE__*/React.createElement(Animated.View, _extends({}, panResponder ? panResponder.panHandlers : {}, {
-    style: isWeb ? {
-      transform: [{
-        translateY
-      }]
-    } : undefined
-  }), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [styles.head, {
-      height: headHeightNumber,
-      marginTop: -headHeightNumber
-    }]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: {
-      opacity
-    }
-  }, isText(statusNode) ? /*#__PURE__*/React.createElement(Text, {
-    style: {
-      color: status === 'success' ? colors.success : colors.text
-    }
-  }, statusNode) : statusNode)), children));
-});
-PullRefresh.displayName = 'PullRefresh';
-const styles = StyleSheet.create({
-  head: {
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    paddingBottom: 8
-  }
-});
-export default PullRefresh;

package/dist/es/components/pull-refresh/index.js

@@ -1,3 +0,0 @@
-import PullRefresh from './PullRefresh';
-export { usePullRefreshTokens } from './tokens';
-export default PullRefresh;

package/dist/es/components/pull-refresh/tokens.js

@@ -1,16 +0,0 @@
-import { createComponentTokensHook } from '../../design-system';
-const createTokens = foundations => {
-  const {
-    palette
-  } = foundations;
-  return {
-    colors: {
-      text: palette.default[600],
-      success: palette.success?.[500] ?? '#4caf50'
-    },
-    sizing: {
-      headHeight: 50
-    }
-  };
-};
-export const usePullRefreshTokens = createComponentTokensHook('pullRefresh', createTokens);

package/dist/es/components/rate/Rate.js

@@ -1,250 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef } from 'react';
-import { Pressable, StyleSheet, Text, View } from 'react-native';
-import { useRateTokens } from './tokens';
-import { useControllableValue } from '../../hooks';
-import { clamp, parseNumber, isFiniteNumber } from '../../utils';
-const DEFAULT_CHARACTER = '★';
-export const Rate = /*#__PURE__*/React.memo(props => {
-  const {
-    tokensOverride,
-    count: countProp,
-    allowHalf: allowHalfProp,
-    size: sizeProp,
-    gutter: gutterProp,
-    color,
-    voidColor,
-    disabledColor,
-    icon,
-    voidIcon,
-    character,
-    disabled: disabledProp,
-    readOnly: readOnlyProp,
-    touchable: touchableProp,
-    onIconPress,
-    iconStyle,
-    itemStyle,
-    style,
-    ...rest
-  } = props;
-  const tokens = useRateTokens(tokensOverride);
-  const count = countProp ?? tokens.defaults.count;
-  const allowHalf = allowHalfProp ?? tokens.defaults.allowHalf;
-  const size = sizeProp ?? tokens.defaults.size;
-  const gutter = gutterProp ?? tokens.defaults.gutter;
-  const disabled = disabledProp ?? tokens.defaults.disabled;
-  const readOnly = readOnlyProp ?? tokens.defaults.readOnly;
-  const touchable = touchableProp ?? tokens.defaults.touchable;
-  const resolvedCount = Math.max(1, Math.floor(parseNumber(count, tokens.defaults.count)));
-  const resolvedSize = Math.max(0, parseNumber(size, tokens.defaults.size));
-  const resolvedGutter = Math.max(0, parseNumber(gutter, tokens.defaults.gutter));
-  const [rawValue, triggerChange] = useControllableValue(props, {
-    defaultValue: 0
-  });
-  const normalizedValue = clamp(Number(rawValue ?? 0), 0, resolvedCount);
-  const displayValue = allowHalf ? readOnly ? normalizedValue : Math.floor(normalizedValue * 2) / 2 : Math.floor(normalizedValue);
-  const interactive = !disabled && !readOnly;
-  const minScore = allowHalf ? 0.5 : 1;
-  const activeTint = disabled ? disabledColor ?? tokens.colors.disabled : color ?? tokens.colors.active;
-  const voidTint = disabled ? disabledColor ?? tokens.colors.disabled : voidColor ?? tokens.colors.inactive;
-  const requestValueChange = nextScore => {
-    if (nextScore === normalizedValue) return false;
-    triggerChange(nextScore);
-    return true;
-  };
-  const evaluatePress = (index, event) => {
-    if (!interactive) return;
-    const baseScore = index + 1;
-    let nextScore = baseScore;
-    if (allowHalf && event) {
-      const nativeEvent = event.nativeEvent;
-      let x;
-      let width;
-      const locationX = nativeEvent.locationX;
-      if (isFiniteNumber(locationX)) {
-        x = locationX;
-      } else {
-        const clientX = nativeEvent.clientX;
-        if (isFiniteNumber(clientX)) {
-          const rect = event.currentTarget?.getBoundingClientRect?.();
-          if (rect) {
-            x = clientX - rect.left;
-            width = rect.width;
-          }
-        } else {
-          const offsetX = nativeEvent.offsetX;
-          if (isFiniteNumber(offsetX)) x = offsetX;
-        }
-      }
-      const threshold = (width ?? resolvedSize) / 2;
-      if (x !== undefined && x <= threshold) {
-        nextScore = baseScore - 0.5;
-      }
-    }
-    nextScore = clamp(nextScore, minScore, resolvedCount);
-    if (requestValueChange(nextScore)) onIconPress?.(nextScore);
-  };
-  const valueFromLocationX = locationX => {
-    const stride = resolvedSize + resolvedGutter;
-    if (stride <= 0) return minScore;
-    const maxX = resolvedSize * resolvedCount + resolvedGutter * (resolvedCount - 1);
-    const x = clamp(locationX, 0, maxX);
-    const index = clamp(Math.floor(x / stride), 0, resolvedCount - 1);
-    const within = x - index * stride;
-    let nextScore = index + 1;
-    if (allowHalf) {
-      const withinIcon = Math.min(within, resolvedSize);
-      if (withinIcon <= resolvedSize / 2) {
-        nextScore -= 0.5;
-      }
-    }
-    return clamp(nextScore, minScore, resolvedCount);
-  };
-  const lastMoveValueRef = useRef(null);
-  const gestureStartRef = useRef(null);
-  const gestureDirectionRef = useRef('');
-  const onStartShouldSetResponderCapture = event => {
-    if (!interactive || !touchable) return false;
-    gestureStartRef.current = {
-      pageX: event.nativeEvent.pageX,
-      pageY: event.nativeEvent.pageY
-    };
-    gestureDirectionRef.current = '';
-    lastMoveValueRef.current = null;
-    return false;
-  };
-  const onMoveShouldSetResponderCapture = event => {
-    if (!interactive || !touchable) return false;
-    const start = gestureStartRef.current;
-    if (!start) {
-      gestureStartRef.current = {
-        pageX: event.nativeEvent.pageX,
-        pageY: event.nativeEvent.pageY
-      };
-      return false;
-    }
-    const offsetX = Math.abs(event.nativeEvent.pageX - start.pageX);
-    const offsetY = Math.abs(event.nativeEvent.pageY - start.pageY);
-    if (offsetX > offsetY && offsetX > 10) {
-      gestureDirectionRef.current = 'horizontal';
-      return true;
-    }
-    if (offsetY > offsetX && offsetY > 10) {
-      gestureDirectionRef.current = 'vertical';
-    }
-    return false;
-  };
-  const handleResponderMove = event => {
-    if (!interactive || !touchable) return;
-    if (gestureDirectionRef.current !== 'horizontal') return;
-    event.preventDefault?.();
-    const nextScore = valueFromLocationX(event.nativeEvent.locationX);
-    if (lastMoveValueRef.current === nextScore) return;
-    lastMoveValueRef.current = nextScore;
-    if (requestValueChange(nextScore)) onIconPress?.(nextScore);
-  };
-  const handleResponderEnd = () => {
-    lastMoveValueRef.current = null;
-    gestureStartRef.current = null;
-    gestureDirectionRef.current = '';
-  };
-  const renderIconNode = (renderValue, tintColor) => {
-    if (/*#__PURE__*/React.isValidElement(renderValue)) {
-      const element = renderValue;
-      const defaultStyle = {
-        color: tintColor,
-        fontSize: resolvedSize,
-        lineHeight: resolvedSize,
-        textAlign: 'center',
-        includeFontPadding: false
-      };
-      const layoutStyle = {
-        width: resolvedSize,
-        height: resolvedSize,
-        flexShrink: 0
-      };
-      return /*#__PURE__*/React.cloneElement(element, {
-        style: StyleSheet.flatten([defaultStyle, element.props.style, iconStyle, layoutStyle])
-      });
-    }
-    return /*#__PURE__*/React.createElement(Text, {
-      style: [tokens.layout.character, iconStyle, {
-        color: tintColor,
-        fontSize: resolvedSize,
-        lineHeight: resolvedSize,
-        width: resolvedSize,
-        height: resolvedSize,
-        textAlign: 'center'
-      }]
-    }, renderValue ?? DEFAULT_CHARACTER);
-  };
-  const resolvedActiveIcon = icon ?? character ?? DEFAULT_CHARACTER;
-  const resolvedVoidIcon = voidIcon ?? character ?? DEFAULT_CHARACTER;
-  const renderItem = index => {
-    const score = index + 1;
-    const fill = clamp(displayValue - index, 0, 1);
-    const marginRight = index === resolvedCount - 1 ? 0 : resolvedGutter;
-    const isFull = fill === 1;
-    const activeIconWrapperStyle = {
-      width: fill * resolvedSize,
-      height: isFull ? resolvedSize : resolvedSize * 1.5,
-      top: isFull ? 0 : -resolvedSize * 0.25,
-      overflow: isFull ? 'visible' : 'hidden'
-    };
-    const activeIconInnerStyle = {
-      width: resolvedSize,
-      height: resolvedSize,
-      marginTop: isFull ? 0 : resolvedSize * 0.25,
-      justifyContent: 'center',
-      alignItems: 'center',
-      overflow: 'visible'
-    };
-    const iconContent = /*#__PURE__*/React.createElement(View, {
-      style: [tokens.layout.iconBox, {
-        width: resolvedSize,
-        height: resolvedSize
-      }]
-    }, fill < 1 ? renderIconNode(resolvedVoidIcon, voidTint) : null, fill > 0 ? /*#__PURE__*/React.createElement(View, {
-      pointerEvents: "none",
-      style: [tokens.layout.fill, activeIconWrapperStyle]
-    }, /*#__PURE__*/React.createElement(View, {
-      style: activeIconInnerStyle
-    }, renderIconNode(resolvedActiveIcon, activeTint))) : null);
-    if (!interactive) {
-      return /*#__PURE__*/React.createElement(View, {
-        key: score,
-        style: [tokens.layout.item, {
-          marginRight
-        }, itemStyle],
-        accessibilityRole: "image",
-        accessibilityLabel: `评分 ${score}`
-      }, iconContent);
-    }
-    return /*#__PURE__*/React.createElement(Pressable, {
-      key: score,
-      accessibilityRole: "button",
-      accessibilityLabel: `评${allowHalf ? '半' : ''}分 ${score}`,
-      onPress: event => evaluatePress(index, event),
-      style: ({
-        pressed
-      }) => [tokens.layout.item, {
-        marginRight
-      }, itemStyle, pressed && {
-        opacity: tokens.states.pressedOpacity
-      }]
-    }, iconContent);
-  };
-  const items = [];
-  for (let i = 0; i < resolvedCount; i++) items.push(renderItem(i));
-  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
-    style: [tokens.layout.container, style],
-    accessibilityRole: "radiogroup",
-    onStartShouldSetResponderCapture: onStartShouldSetResponderCapture,
-    onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture,
-    onResponderMove: handleResponderMove,
-    onResponderRelease: handleResponderEnd,
-    onResponderTerminate: handleResponderEnd
-  }), items);
-});
-Rate.displayName = 'Rate';
-export default Rate;

package/dist/es/components/rate/index.js

@@ -1,3 +0,0 @@
-import Rate from './Rate';
-export default Rate;
-export { Rate };

package/dist/es/components/rate/tokens.js

@@ -1,53 +0,0 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createRateTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize
-  } = foundations;
-  return {
-    defaults: {
-      count: 5,
-      allowHalf: false,
-      size: fontSize.lg,
-      gutter: spacing.xs,
-      touchable: true,
-      disabled: false,
-      readOnly: false
-    },
-    layout: {
-      container: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      item: {
-        justifyContent: 'center',
-        alignItems: 'center'
-      },
-      iconBox: {
-        position: 'relative',
-        justifyContent: 'center',
-        alignItems: 'center',
-        flexShrink: 0
-      },
-      character: {
-        includeFontPadding: false
-      },
-      fill: {
-        position: 'absolute',
-        left: 0,
-        top: 0,
-        overflow: 'hidden'
-      }
-    },
-    colors: {
-      active: palette.warning[500] ?? '#fa8c16',
-      inactive: palette.default[200],
-      disabled: palette.default[400]
-    },
-    states: {
-      pressedOpacity: 0.75
-    }
-  };
-};
-export const useRateTokens = createComponentTokensHook('rate', createRateTokens);