react-native-system-ui 0.0.4 → 0.0.6

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

@@ -1,378 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _platform = require("../../platform");
-var _number = require("../../utils/number");
-var _validate = require("../../utils/validate");
-var _useLocale = require("../config-provider/useLocale");
-var _tokens = require("./tokens");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const DEFAULT_SUCCESS_DURATION = 500;
-const PullRefresh = /*#__PURE__*/_react().default.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 = _reactNative().Platform.OS === 'web';
-  const locale = (0, _useLocale.useLocale)();
-  const tokens = (0, _tokens.usePullRefreshTokens)(tokensOverride);
-  const {
-    colors,
-    sizing
-  } = tokens;
-  const translateY = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
-  const headHeightNumber = Math.max(0, (0, _number.parseNumberLike)(headHeight, sizing.headHeight) ?? sizing.headHeight);
-  const pullDistanceNumber = Math.max(0, (0, _number.parseNumberLike)(pullDistance, headHeightNumber) ?? headHeightNumber);
-  const successDurationMs = Math.max(0, (0, _number.parseNumberLike)(successDuration, DEFAULT_SUCCESS_DURATION) ?? DEFAULT_SUCCESS_DURATION);
-  const animationDurationMs = Math.max(0, (0, _number.parseNumberLike)(animationDuration, 300) ?? 300);
-  const isControlled = !(0, _validate.isUndefined)(refreshing);
-  const [innerRefreshing, setInnerRefreshing] = (0, _react().useState)(!!defaultRefreshing);
-  const mergedRefreshing = isControlled ? !!refreshing : innerRefreshing;
-  const scrollTopRef = (0, _react().useRef)(0);
-  const draggingRef = (0, _react().useRef)(false);
-  const webDragRafRef = (0, _react().useRef)(null);
-  const webDragPendingRef = (0, _react().useRef)(null);
-  const webStateUpdateAtRef = (0, _react().useRef)(0);
-  const webStateUpdateValueRef = (0, _react().useRef)(0);
-  const [distance, setDistance] = (0, _react().useState)(0);
-  const [showSuccess, setShowSuccess] = (0, _react().useState)(false);
-  const timerRef = (0, _react().useRef)(null);
-  const refreshEndTimerRef = (0, _react().useRef)(null);
-  const mergedRefreshingRef = (0, _react().useRef)(mergedRefreshing);
-  const refreshTriggeredRef = (0, _react().useRef)(false);
-  const refreshSucceededRef = (0, _react().useRef)(false);
-  const normalizeDistance = (0, _react().useCallback)(nextDistance => Math.max(0, Math.round(nextDistance)), []);
-  const updateDistanceState = (0, _react().useCallback)(normalized => {
-    setDistance(prev => Math.abs(prev - normalized) < 1 ? prev : normalized);
-  }, []);
-  const applyWebTranslate = (0, _react().useCallback)((normalized, animate = false) => {
-    translateY.stopAnimation();
-    if (animate && animationDurationMs > 0) {
-      _reactNative().Animated.timing(translateY, {
-        toValue: normalized,
-        duration: animationDurationMs,
-        useNativeDriver: false
-      }).start();
-    } else {
-      translateY.setValue(normalized);
-    }
-  }, [animationDurationMs, translateY]);
-  const setDistanceValue = (0, _react().useCallback)((nextDistance, animate = false) => {
-    const normalized = normalizeDistance(nextDistance);
-    if (isWeb) {
-      applyWebTranslate(normalized, animate);
-    }
-    updateDistanceState(normalized);
-    return normalized;
-  }, [applyWebTranslate, isWeb, normalizeDistance, updateDistanceState]);
-  const flushWebDrag = (0, _react().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 = (0, _react().useCallback)(() => {
-    if (webDragRafRef.current != null && typeof cancelAnimationFrame === 'function') {
-      cancelAnimationFrame(webDragRafRef.current);
-    }
-    webDragRafRef.current = null;
-    webDragPendingRef.current = null;
-  }, []);
-  const scheduleWebDrag = (0, _react().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]);
-  (0, _react().useEffect)(() => {
-    return () => {
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-      }
-      if (refreshEndTimerRef.current) {
-        clearTimeout(refreshEndTimerRef.current);
-      }
-      cancelWebDrag();
-    };
-  }, [cancelWebDrag]);
-  const setRefreshing = (0, _react().useCallback)(value => {
-    if (!isControlled) setInnerRefreshing(value);
-  }, [isControlled]);
-  (0, _react().useEffect)(() => {
-    mergedRefreshingRef.current = mergedRefreshing;
-  }, [mergedRefreshing]);
-  const resolveStatusText = (0, _react().useCallback)((text, fallback) => {
-    const resolved = (0, _validate.isUndefined)(text) ? fallback : text;
-    return (0, _validate.isFunction)(resolved) ? resolved({
-      distance
-    }) : resolved;
-  }, [distance]);
-  const triggerSuccess = (0, _react().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 = (0, _react().useCallback)(async () => {
-    if (disabled || mergedRefreshing) return;
-    if (!(0, _validate.isFunction)(onRefresh)) return;
-    setShowSuccess(false);
-    refreshTriggeredRef.current = true;
-    refreshSucceededRef.current = false;
-    setRefreshing(true);
-    try {
-      await onRefresh();
-      refreshSucceededRef.current = true;
-    } finally {
-      setRefreshing(false);
-      if ((0, _validate.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]);
-  (0, _react().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]);
-  (0, _react().useEffect)(() => {
-    if (isWeb) return;
-    if (!mergedRefreshing && !showSuccess) return;
-    setDistanceValue(0);
-  }, [isWeb, mergedRefreshing, setDistanceValue, showSuccess]);
-  (0, _react().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 = (0, _react().useRef)(new (_reactNative().Animated.Value)(status === 'normal' ? 0 : 1)).current;
-  (0, _react().useEffect)(() => {
-    const toValue = status === 'normal' ? 0 : 1;
-    opacity.stopAnimation();
-    if (animationDurationMs <= 0) {
-      opacity.setValue(toValue);
-      return;
-    }
-    _reactNative().Animated.timing(opacity, {
-      toValue,
-      duration: animationDurationMs,
-      useNativeDriver: _platform.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 = _reactNative().StyleSheet.flatten(scrollProps.contentContainerStyle);
-  const basePaddingTop = (0, _validate.isNumber)(flattenedContainerStyle?.paddingTop) ? flattenedContainerStyle.paddingTop : 0;
-  const contentContainerStyle = shouldReserveHead ? [scrollProps.contentContainerStyle, {
-    paddingTop: basePaddingTop + headHeightNumber
-  }] : scrollProps.contentContainerStyle;
-  const onScrollProp = scrollProps.onScroll;
-  const handleScroll = (0, _react().useCallback)(event => {
-    onScrollProp?.(event);
-    const offset = event.nativeEvent.contentOffset?.y ?? 0;
-    if (isWeb) {
-      scrollTopRef.current = Math.max(0, offset);
-      return;
-    }
-    if (disabled) return;
-    if (!(0, _validate.isFunction)(onRefresh) || mergedRefreshing || showSuccess) {
-      setDistanceValue(0);
-      return;
-    }
-    setDistanceValue(offset < 0 ? -offset : 0);
-  }, [disabled, isWeb, mergedRefreshing, onRefresh, onScrollProp, setDistanceValue, showSuccess]);
-  const panResponder = (() => {
-    if (!isWeb || !(0, _validate.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 _reactNative().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().default.createElement(_reactNative().ScrollView, _extends({}, scrollProps, {
-    ref: ref,
-    style: style,
-    contentContainerStyle: contentContainerStyle,
-    refreshControl: /*#__PURE__*/_react().default.createElement(_reactNative().RefreshControl, {
-      refreshing: !!mergedRefreshing,
-      onRefresh: handleRefresh,
-      enabled: !disabled && (0, _validate.isFunction)(onRefresh)
-    }),
-    onScroll: handleScroll,
-    scrollEventThrottle: 16
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, _extends({}, panResponder ? panResponder.panHandlers : {}, {
-    style: isWeb ? {
-      transform: [{
-        translateY
-      }]
-    } : undefined
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    pointerEvents: "none",
-    style: [styles.head, {
-      height: headHeightNumber,
-      marginTop: -headHeightNumber
-    }]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-    style: {
-      opacity
-    }
-  }, (0, _validate.isText)(statusNode) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: {
-      color: status === 'success' ? colors.success : colors.text
-    }
-  }, statusNode) : statusNode)), children));
-});
-PullRefresh.displayName = 'PullRefresh';
-const styles = _reactNative().StyleSheet.create({
-  head: {
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    paddingBottom: 8
-  }
-});
-var _default = exports.default = PullRefresh;

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "usePullRefreshTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens.usePullRefreshTokens;
-  }
-});
-var _PullRefresh = _interopRequireDefault(require("./PullRefresh"));
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _PullRefresh.default;

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

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePullRefreshTokens = void 0;
-var _designSystem = require("../../design-system");
-const createTokens = foundations => {
-  const {
-    palette
-  } = foundations;
-  return {
-    colors: {
-      text: palette.default[600],
-      success: palette.success?.[500] ?? '#4caf50'
-    },
-    sizing: {
-      headHeight: 50
-    }
-  };
-};
-const usePullRefreshTokens = exports.usePullRefreshTokens = (0, _designSystem.createComponentTokensHook)('pullRefresh', createTokens);

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

@@ -1,269 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Rate = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _tokens = require("./tokens");
-var _hooks = require("../../hooks");
-var _utils = require("../../utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const DEFAULT_CHARACTER = '★';
-const Rate = exports.Rate = /*#__PURE__*/_react().default.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 = (0, _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((0, _utils.parseNumber)(count, tokens.defaults.count)));
-  const resolvedSize = Math.max(0, (0, _utils.parseNumber)(size, tokens.defaults.size));
-  const resolvedGutter = Math.max(0, (0, _utils.parseNumber)(gutter, tokens.defaults.gutter));
-  const [rawValue, triggerChange] = (0, _hooks.useControllableValue)(props, {
-    defaultValue: 0
-  });
-  const normalizedValue = (0, _utils.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 ((0, _utils.isFiniteNumber)(locationX)) {
-        x = locationX;
-      } else {
-        const clientX = nativeEvent.clientX;
-        if ((0, _utils.isFiniteNumber)(clientX)) {
-          const rect = event.currentTarget?.getBoundingClientRect?.();
-          if (rect) {
-            x = clientX - rect.left;
-            width = rect.width;
-          }
-        } else {
-          const offsetX = nativeEvent.offsetX;
-          if ((0, _utils.isFiniteNumber)(offsetX)) x = offsetX;
-        }
-      }
-      const threshold = (width ?? resolvedSize) / 2;
-      if (x !== undefined && x <= threshold) {
-        nextScore = baseScore - 0.5;
-      }
-    }
-    nextScore = (0, _utils.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 = (0, _utils.clamp)(locationX, 0, maxX);
-    const index = (0, _utils.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 (0, _utils.clamp)(nextScore, minScore, resolvedCount);
-  };
-  const lastMoveValueRef = (0, _react().useRef)(null);
-  const gestureStartRef = (0, _react().useRef)(null);
-  const gestureDirectionRef = (0, _react().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().default.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().default.cloneElement(element, {
-        style: _reactNative().StyleSheet.flatten([defaultStyle, element.props.style, iconStyle, layoutStyle])
-      });
-    }
-    return /*#__PURE__*/_react().default.createElement(_reactNative().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 = (0, _utils.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().default.createElement(_reactNative().View, {
-      style: [tokens.layout.iconBox, {
-        width: resolvedSize,
-        height: resolvedSize
-      }]
-    }, fill < 1 ? renderIconNode(resolvedVoidIcon, voidTint) : null, fill > 0 ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      pointerEvents: "none",
-      style: [tokens.layout.fill, activeIconWrapperStyle]
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: activeIconInnerStyle
-    }, renderIconNode(resolvedActiveIcon, activeTint))) : null);
-    if (!interactive) {
-      return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        key: score,
-        style: [tokens.layout.item, {
-          marginRight
-        }, itemStyle],
-        accessibilityRole: "image",
-        accessibilityLabel: `评分 ${score}`
-      }, iconContent);
-    }
-    return /*#__PURE__*/_react().default.createElement(_reactNative().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().default.createElement(_reactNative().View, _extends({}, rest, {
-    style: [tokens.layout.container, style],
-    accessibilityRole: "radiogroup",
-    onStartShouldSetResponderCapture: onStartShouldSetResponderCapture,
-    onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture,
-    onResponderMove: handleResponderMove,
-    onResponderRelease: handleResponderEnd,
-    onResponderTerminate: handleResponderEnd
-  }), items);
-});
-Rate.displayName = 'Rate';
-var _default = exports.default = Rate;