react-native-system-ui 1.0.1 → 1.0.3

package/dist/es/components/picker/Picker.js

@@ -1,1031 +1 @@
-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, useMemo, useRef, useState } from 'react';
-import { Pressable, Text, View, Platform, StyleSheet, ScrollView, PanResponder } from 'react-native';
-import Loading from '../loading';
-import { useLocale } from '../config-provider/useLocale';
-import { withAlpha } from '../../utils/color';
-import { isFiniteNumber, isText } from '../../utils/validate';
-import { clamp, isObject, shallowEqualArray } from '../../utils';
-import { usePickerTokens } from './tokens';
-import { createHairlineView } from '../../utils/hairline';
-export const toArrayValue = value => Array.isArray(value) ? value.filter(v => v !== undefined && v !== null) : value == null ? [] : [value];
-const isColumnWithOptions = col => !!col && isObject(col) && 'options' in col && Array.isArray(col.options);
-const hasChildren = option => !!option && isObject(option) && Array.isArray(option.children) && option.children.length > 0;
-export const findEnabledIndex = (options, startIdx) => {
-  if (!options.length) return -1;
-  const clampIdx = Math.min(Math.max(startIdx, 0), options.length - 1);
-  if (!options[clampIdx]?.disabled) return clampIdx;
-  for (let i = clampIdx + 1; i < options.length; i += 1) {
-    if (!options[i]?.disabled) return i;
-  }
-  for (let i = clampIdx - 1; i >= 0; i -= 1) {
-    if (!options[i]?.disabled) return i;
-  }
-  return -1;
-};
-const normalizeMultiple = (cols, defs, raw) => {
-  const vals = [],
-    opts = [];
-  cols.forEach((colOpts, idx) => {
-    const curr = raw[idx];
-    const defIdx = defs[idx] !== undefined ? colOpts.findIndex(item => item.value === defs[idx]) : -1;
-    const currIdx = colOpts.findIndex(item => item.value === curr);
-    const startIdx = currIdx >= 0 ? currIdx : defIdx >= 0 ? defIdx : 0;
-    const tgtIdx = findEnabledIndex(colOpts, startIdx);
-    const tgt = tgtIdx >= 0 ? colOpts[tgtIdx] : undefined;
-    const valid = currIdx >= 0 && !colOpts[currIdx]?.disabled;
-    vals[idx] = valid ? curr : tgt?.value ?? defs[idx] ?? colOpts[0]?.value;
-    opts[idx] = tgt;
-  });
-  return {
-    columns: cols,
-    values: vals,
-    options: opts
-  };
-};
-const normalizeCascade = (root, raw) => {
-  const cols = [],
-    vals = [],
-    opts = [];
-  let curr = root;
-  let d = 0;
-  while (curr && curr.length && d < 10) {
-    cols.push(curr);
-    const c = raw[d];
-    const startIdx = curr.findIndex(item => item.value === c || String(item.value) === String(c));
-    const tgtIdx = findEnabledIndex(curr, startIdx >= 0 ? startIdx : 0);
-    const tgt = tgtIdx >= 0 ? curr[tgtIdx] : curr[0];
-    vals[d] = tgt?.value;
-    opts[d] = tgt;
-    if (tgt && hasChildren(tgt)) {
-      curr = tgt.children;
-      d += 1;
-    } else break;
-  }
-  return {
-    columns: cols,
-    values: vals,
-    options: opts
-  };
-};
-export const prepareColumns = (input = []) => {
-  if (!Array.isArray(input) || input.length === 0) return {
-    type: 'single',
-    columnsList: [],
-    defaults: [],
-    cascadeRoot: []
-  };
-  const everyPlain = input.every(item => !Array.isArray(item) && !isColumnWithOptions(item));
-  const cascade = everyPlain && input.some(item => hasChildren(item));
-  if (cascade) return {
-    type: 'cascade',
-    columnsList: [],
-    defaults: [],
-    cascadeRoot: input
-  };
-  const asArray = input;
-  const cols = [],
-    defs = [];
-  const treatAsSingle = everyPlain && !cascade;
-  if (treatAsSingle) {
-    cols.push(input);
-    defs.push(undefined);
-  } else asArray.forEach(col => {
-    if (Array.isArray(col)) {
-      cols.push(col);
-      defs.push(undefined);
-    } else if (isColumnWithOptions(col)) {
-      const c = col;
-      cols.push(c.options ?? []);
-      defs.push(c.defaultValue);
-    }
-  });
-  return {
-    type: 'multiple',
-    columnsList: cols,
-    defaults: defs
-  };
-};
-export const normalizePicker = (prep, raw = []) => {
-  const rawVal = Array.isArray(raw) ? raw : [];
-  return prep.type === 'cascade' && prep.cascadeRoot?.length ? normalizeCascade(prep.cascadeRoot, rawVal) : normalizeMultiple(prep.columnsList, prep.defaults, rawVal);
-};
-const W = StyleSheet.create({
-  column: {
-    flex: 1
-  },
-  option: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  grab: {
-    cursor: 'pointer',
-    userSelect: 'none',
-    touchAction: 'none'
-  }
-});
-const WheelPickerItemInner = ({
-  item,
-  index,
-  itemHeight,
-  active,
-  disabled,
-  renderItem
-}) => {
-  const content = renderItem(item, index, {
-    active,
-    disabled
-  });
-  return /*#__PURE__*/React.createElement(View, {
-    style: [W.option, {
-      height: itemHeight
-    }]
-  }, content);
-};
-const WheelPickerItem = /*#__PURE__*/React.memo(WheelPickerItemInner);
-const getVelocityBucket = v => {
-  const abs = Math.abs(v);
-  if (abs > 1.2) return 2;
-  if (abs > 0.6) return 1;
-  return 0;
-};
-const adjustIndex = (idx, opts) => {
-  const total = opts.length;
-  if (!total) return 0;
-  const i = clamp(idx, 0, total - 1);
-  const next = findEnabledIndex(opts, i);
-  return next >= 0 ? next : i;
-};
-const indexToOffset = (idx, h) => -idx * h;
-const offsetToIndex = (off, h, total, opts) => {
-  const minOff = -Math.max(0, total - 1) * h;
-  const offClamped = clamp(off, minOff, 0);
-  let idx = Math.round(-offClamped / h);
-  idx = adjustIndex(idx, opts);
-  const snapOff = indexToOffset(idx, h);
-  return {
-    index: idx,
-    snapOffset: snapOff
-  };
-};
-const shouldMomentum = (dist, dur) => dur < 500 && Math.abs(dist) > 8;
-const momentumTarget = (dist, dur, currOff, h, minOff) => {
-  const speed = Math.abs(dist / dur);
-  const extra = speed / 0.0025 * (dist < 0 ? -1 : 1);
-  const tgt = clamp(currOff + extra, minOff, 0);
-  const snapIdx = Math.round(-tgt / h);
-  return indexToOffset(snapIdx, h);
-};
-const WheelPickerInner = ({
-  data,
-  selectedIndex,
-  onChange,
-  onInteractStart,
-  onInteractEnd,
-  renderItem,
-  itemHeight,
-  visibleRest,
-  readOnly,
-  indicatorColor,
-  decelerationRate = Platform.select({
-    ios: 0.9985,
-    android: 0.995,
-    default: 0.995
-  }) ?? 'normal',
-  scrollEventThrottle = 16,
-  swipeDuration = 300
-}) => {
-  const isWeb = Platform.OS === 'web';
-  const listRef = useRef(null),
-    scrollRef = useRef(null);
-  const spacerHeight = visibleRest * itemHeight;
-  const total = data.length;
-  const maxIdx = Math.max(0, total - 1);
-  const minOff = -maxIdx * itemHeight;
-  const containerHeight = itemHeight * (visibleRest * 2 + 1);
-  const rawSelIdx = clamp(selectedIndex, 0, maxIdx);
-  const enabledSelIdx = findEnabledIndex(data, rawSelIdx);
-  const safeSelIdx = enabledSelIdx >= 0 ? enabledSelIdx : rawSelIdx;
-  const visibleCnt = visibleRest * 2 + 1;
-  const effectiveScrollThrottle = total > visibleCnt * 20 ? 32 : scrollEventThrottle;
-  const webVirtualEnabled = total > visibleCnt * 4;
-  const Spacer = useCallback(() => /*#__PURE__*/React.createElement(View, {
-    style: {
-      height: spacerHeight
-    }
-  }), [spacerHeight]);
-  const indicatorStyle = useMemo(() => [S.indicator, {
-    height: itemHeight,
-    top: itemHeight * visibleRest
-  }], [itemHeight, visibleRest]);
-  const dragEndTimerRef = useRef(null),
-    momentumRef = useRef(false),
-    lastOffsetRef = useRef(0);
-  const clearDragEndTimer = useCallback(() => {
-    if (dragEndTimerRef.current) {
-      clearTimeout(dragEndTimerRef.current);
-      dragEndTimerRef.current = null;
-    }
-  }, []);
-  const emitIdx = useCallback((offsetY, animated) => {
-    if (readOnly) return;
-    const {
-      index,
-      snapOffset
-    } = offsetToIndex(-offsetY, itemHeight, total, data);
-    const nextOff = -snapOffset;
-    if (Math.abs(nextOff - offsetY) > 0.5) {
-      listRef.current?.scrollToOffset({
-        offset: nextOff,
-        animated
-      });
-    }
-    onChange(index);
-  }, [data, itemHeight, onChange, readOnly, total]);
-  useEffect(() => {
-    const offset = safeSelIdx * itemHeight;
-    if (isWeb) return;
-    scrollRef.current?.scrollTo({
-      y: offset,
-      animated: false
-    });
-  }, [isWeb, itemHeight, safeSelIdx]);
-  const [webOffset, setWebOffset] = useState(() => indexToOffset(safeSelIdx, itemHeight));
-  const webOffsetRef = useRef(webOffset),
-    startOffsetRef = useRef(0),
-    startTimeRef = useRef(0);
-  const [webTransition, setWebTransition] = useState(0);
-  const [webVelocityBucket, setWebVelocityBucket] = useState(0);
-  const webVelocityBucketRef = useRef(0),
-    lastWheelTimeRef = useRef(null),
-    wheelDeltaRef = useRef(0),
-    wheelRafRef = useRef(null),
-    pendingIndexRef = useRef(null),
-    pendingTimerRef = useRef(null),
-    rafIdRef = useRef(null),
-    isInteractingRef = useRef(false);
-  const onInteractStartRef = useRef(onInteractStart);
-  onInteractStartRef.current = onInteractStart;
-  const onInteractEndRef = useRef(onInteractEnd);
-  onInteractEndRef.current = onInteractEnd;
-  const notifyStart = useCallback(() => {
-    if (readOnly) return;
-    if (isInteractingRef.current) return;
-    isInteractingRef.current = true;
-    onInteractStartRef.current?.();
-  }, [readOnly]);
-  const notifyEnd = useCallback(() => {
-    if (!isInteractingRef.current) return;
-    isInteractingRef.current = false;
-    onInteractEndRef.current?.();
-  }, []);
-  const stopRaf = useCallback(() => {
-    if (rafIdRef.current != null && typeof cancelAnimationFrame !== 'undefined') {
-      cancelAnimationFrame(rafIdRef.current);
-      rafIdRef.current = null;
-    }
-    if (wheelRafRef.current != null && typeof cancelAnimationFrame !== 'undefined') {
-      cancelAnimationFrame(wheelRafRef.current);
-      wheelRafRef.current = null;
-    }
-  }, []);
-  const clearPendingTimer = useCallback(() => {
-    if (pendingTimerRef.current) {
-      clearTimeout(pendingTimerRef.current);
-      pendingTimerRef.current = null;
-    }
-  }, []);
-  useEffect(() => {
-    return () => {
-      clearDragEndTimer();
-      clearPendingTimer();
-      stopRaf();
-    };
-  }, [clearDragEndTimer, clearPendingTimer, stopRaf]);
-  const setVelocityBucket = useCallback(velocity => {
-    const next = getVelocityBucket(velocity);
-    if (next !== webVelocityBucketRef.current) {
-      webVelocityBucketRef.current = next;
-      setWebVelocityBucket(next);
-    }
-  }, []);
-  const updateWheelVelocity = useCallback(delta => {
-    const now = Date.now();
-    const last = lastWheelTimeRef.current;
-    if (last != null) {
-      const dt = Math.max(1, now - last);
-      setVelocityBucket(delta / dt);
-    }
-    lastWheelTimeRef.current = now;
-  }, [setVelocityBucket]);
-  useEffect(() => {
-    if (!isWeb) return;
-    clearPendingTimer();
-    pendingIndexRef.current = null;
-    setWebTransition(0);
-    const next = indexToOffset(safeSelIdx, itemHeight);
-    webOffsetRef.current = next;
-    setWebOffset(next);
-  }, [clearPendingTimer, isWeb, itemHeight, safeSelIdx, setWebTransition]);
-  const finalizePendingChange = useCallback(() => {
-    if (readOnly) return;
-    const nextIdx = pendingIndexRef.current;
-    if (nextIdx == null) return;
-    pendingIndexRef.current = null;
-    clearPendingTimer();
-    setWebTransition(0);
-    notifyEnd();
-    onChange(nextIdx);
-  }, [clearPendingTimer, onChange, readOnly, setWebTransition]);
-  const startWebSnap = useCallback(targetIdx => {
-    if (readOnly) return;
-    notifyStart();
-    const clampedIdx = clamp(targetIdx, 0, maxIdx);
-    const targetOff = indexToOffset(clampedIdx, itemHeight);
-    clearPendingTimer();
-    pendingIndexRef.current = clampedIdx;
-    webOffsetRef.current = targetOff;
-    setWebTransition(swipeDuration);
-    setWebOffset(targetOff);
-    if (swipeDuration <= 0) {
-      finalizePendingChange();
-    } else {
-      pendingTimerRef.current = setTimeout(finalizePendingChange, swipeDuration + 80);
-    }
-  }, [clearPendingTimer, finalizePendingChange, itemHeight, maxIdx, readOnly, swipeDuration]);
-  const handleWheel = useCallback(event => {
-    if (readOnly) return;
-    const delta = event.nativeEvent?.deltaY ?? 0;
-    if (!delta) return;
-    wheelDeltaRef.current += delta;
-    if (wheelRafRef.current != null || typeof requestAnimationFrame === 'undefined') return;
-    wheelRafRef.current = requestAnimationFrame(() => {
-      wheelRafRef.current = null;
-      const queued = wheelDeltaRef.current;
-      wheelDeltaRef.current = 0;
-      if (!queued) return;
-      updateWheelVelocity(queued);
-      const direction = queued > 0 ? 1 : -1;
-      const {
-        index
-      } = offsetToIndex(webOffsetRef.current, itemHeight, total, data);
-      const nextIdx = clamp(index + direction, 0, maxIdx);
-      startWebSnap(nextIdx);
-    });
-  }, [data, itemHeight, maxIdx, readOnly, startWebSnap, total, updateWheelVelocity]);
-  const webIdx = clamp(Math.round(-webOffset / itemHeight), 0, maxIdx);
-  const webRender = useMemo(() => {
-    if (!isWeb || total <= 0) {
-      return {
-        items: null,
-        topSpacer: null,
-        bottomSpacer: null
-      };
-    }
-    let startIdx = 0;
-    let endIdx = maxIdx;
-    if (webVirtualEnabled) {
-      const baseBuffer = Math.max(visibleCnt * 2, 8);
-      const velocityBoost = webVelocityBucket === 2 ? visibleCnt * 4 : webVelocityBucket === 1 ? visibleCnt * 2 : 0;
-      const buffer = Math.min(baseBuffer + velocityBoost, Math.max(visibleCnt * 6, 24));
-      startIdx = clamp(webIdx - buffer, 0, maxIdx);
-      endIdx = clamp(webIdx + buffer, 0, maxIdx);
-    }
-    const items = [];
-    for (let index = startIdx; index <= endIdx; index += 1) {
-      const item = data[index];
-      if (!item) continue;
-      items.push(/*#__PURE__*/React.createElement(WheelPickerItem, {
-        key: `${index}-${String(item.value ?? '')}`,
-        item: item,
-        index: index,
-        itemHeight: itemHeight,
-        active: index === safeSelIdx,
-        disabled: !!item.disabled,
-        renderItem: renderItem
-      }));
-    }
-    const topH = startIdx * itemHeight;
-    const bottomH = (maxIdx - endIdx) * itemHeight;
-    return {
-      items,
-      topSpacer: topH > 0 && /*#__PURE__*/React.createElement(View, {
-        style: {
-          height: topH
-        }
-      }),
-      bottomSpacer: bottomH > 0 && /*#__PURE__*/React.createElement(View, {
-        style: {
-          height: bottomH
-        }
-      })
-    };
-  }, [data, isWeb, itemHeight, maxIdx, renderItem, safeSelIdx, total, visibleCnt, webIdx, webVelocityBucket, webVirtualEnabled]);
-  const webTransform = useMemo(() => ({
-    transform: [{
-      translateY: webOffset
-    }]
-  }), [webOffset]);
-  const webTransitionStyle = useMemo(() => webTransition ? {
-    transitionProperty: 'transform',
-    transitionDuration: webTransition + 'ms',
-    transitionTimingFunction: 'cubic-bezier(0.23, 1, 0.68, 1)',
-    willChange: 'transform'
-  } : undefined, [webTransition]);
-  const handleWebTransitionEnd = useCallback(event => {
-    const propertyName = event.nativeEvent?.propertyName ?? event.propertyName;
-    if (propertyName && propertyName !== 'transform' && propertyName !== 'webkitTransform') return;
-    finalizePendingChange();
-  }, [finalizePendingChange]);
-  const panResponder = useMemo(() => PanResponder.create({
-    onStartShouldSetPanResponder: () => !readOnly,
-    onMoveShouldSetPanResponder: () => !readOnly,
-    onPanResponderGrant: () => {
-      stopRaf();
-      pendingIndexRef.current = null;
-      notifyStart();
-      setWebTransition(0);
-      startOffsetRef.current = webOffsetRef.current;
-      startTimeRef.current = Date.now();
-    },
-    onPanResponderMove: (_, gesture) => {
-      if (readOnly) return;
-      setVelocityBucket(gesture.vy);
-      const next = clamp(startOffsetRef.current + gesture.dy, minOff, 0);
-      webOffsetRef.current = next;
-      if (typeof requestAnimationFrame === 'undefined') {
-        setWebOffset(next);
-        return;
-      }
-      if (rafIdRef.current != null) return;
-      rafIdRef.current = requestAnimationFrame(() => {
-        rafIdRef.current = null;
-        setWebOffset(webOffsetRef.current);
-      });
-    },
-    onPanResponderRelease: (_, gesture) => {
-      if (readOnly) return;
-      setVelocityBucket(0);
-      const duration = Date.now() - startTimeRef.current;
-      const distance = gesture.dy;
-      let target = clamp(startOffsetRef.current + distance, minOff, 0);
-      if (shouldMomentum(distance, duration)) {
-        target = momentumTarget(distance, duration, startOffsetRef.current, itemHeight, minOff);
-      }
-      const {
-        index
-      } = offsetToIndex(target, itemHeight, total, data);
-      startWebSnap(index);
-    },
-    onPanResponderTerminationRequest: () => false,
-    onPanResponderTerminate: () => {
-      notifyEnd();
-      setWebTransition(0);
-    }
-  }), [data, itemHeight, minOff, notifyEnd, notifyStart, readOnly, setVelocityBucket, startWebSnap, stopRaf, total]);
-  const shouldCapture = !readOnly;
-  const handleResponderCapture = useCallback(() => shouldCapture, [shouldCapture]);
-  const nativeContainerStyle = useMemo(() => ({
-    paddingVertical: spacerHeight
-  }), [spacerHeight]);
-  const handleScroll = useCallback(e => {
-    lastOffsetRef.current = e.nativeEvent.contentOffset.y;
-  }, []);
-  const onDragStart = useCallback(() => {
-    momentumRef.current = false;
-    clearDragEndTimer();
-    notifyStart();
-  }, [clearDragEndTimer, notifyStart]);
-  const handleScrollEndDrag = useCallback(e => {
-    if (readOnly) return;
-    const y = e.nativeEvent.contentOffset.y;
-    lastOffsetRef.current = y;
-    clearDragEndTimer();
-    dragEndTimerRef.current = setTimeout(() => {
-      if (!momentumRef.current) {
-        emitIdx(lastOffsetRef.current, true);
-        notifyEnd();
-      }
-    }, 80);
-  }, [clearDragEndTimer, emitIdx, notifyEnd, readOnly]);
-  const handleMomentumScrollBegin = useCallback(() => {
-    momentumRef.current = true;
-    clearDragEndTimer();
-    notifyStart();
-  }, [clearDragEndTimer, notifyStart]);
-  const onMomEnd = useCallback(e => {
-    momentumRef.current = false;
-    clearDragEndTimer();
-    const y = e.nativeEvent.contentOffset.y;
-    lastOffsetRef.current = y;
-    emitIdx(y, false);
-    notifyEnd();
-  }, [clearDragEndTimer, emitIdx, notifyEnd]);
-  if (isWeb) {
-    return /*#__PURE__*/React.createElement(View, _extends({
-      style: [W.column, {
-        height: containerHeight
-      }, W.grab],
-      onWheel: handleWheel
-    }, panResponder.panHandlers), /*#__PURE__*/React.createElement(View, {
-      style: indicatorStyle,
-      pointerEvents: "none"
-    }, /*#__PURE__*/React.createElement(View, {
-      style: createHairlineView({
-        position: 'top',
-        color: indicatorColor,
-        left: 0,
-        right: 0
-      })
-    }), /*#__PURE__*/React.createElement(View, {
-      style: createHairlineView({
-        position: 'bottom',
-        color: indicatorColor,
-        left: 0,
-        right: 0
-      })
-    })), /*#__PURE__*/React.createElement(View, {
-      style: [webTransform, webTransitionStyle],
-      onTransitionEnd: handleWebTransitionEnd
-    }, /*#__PURE__*/React.createElement(Spacer, null), webRender.topSpacer, webRender.items, webRender.bottomSpacer, /*#__PURE__*/React.createElement(Spacer, null)));
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    style: [W.column, {
-      height: containerHeight
-    }],
-    collapsable: false
-  }, /*#__PURE__*/React.createElement(View, {
-    style: indicatorStyle,
-    pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'top',
-      color: indicatorColor,
-      left: 0,
-      right: 0
-    })
-  }), /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'bottom',
-      color: indicatorColor,
-      left: 0,
-      right: 0
-    })
-  })), /*#__PURE__*/React.createElement(ScrollView, {
-    ref: scrollRef,
-    showsVerticalScrollIndicator: false,
-    scrollEventThrottle: effectiveScrollThrottle,
-    decelerationRate: decelerationRate,
-    snapToInterval: itemHeight,
-    snapToAlignment: "start",
-    bounces: false,
-    overScrollMode: "never",
-    nestedScrollEnabled: true,
-    contentContainerStyle: nativeContainerStyle,
-    onStartShouldSetResponderCapture: handleResponderCapture,
-    onMoveShouldSetResponderCapture: handleResponderCapture,
-    onScroll: handleScroll,
-    onScrollBeginDrag: onDragStart,
-    onScrollEndDrag: handleScrollEndDrag,
-    onMomentumScrollBegin: handleMomentumScrollBegin,
-    onMomentumScrollEnd: onMomEnd,
-    scrollEnabled: !readOnly
-  }, data.map((item, index) => /*#__PURE__*/React.createElement(WheelPickerItem, {
-    key: `${index}-${String(item.value ?? '')}`,
-    item: item,
-    index: index,
-    itemHeight: itemHeight,
-    active: index === safeSelIdx,
-    disabled: !!item.disabled,
-    renderItem: renderItem
-  }))));
-};
-const WheelPicker = /*#__PURE__*/React.memo(WheelPickerInner);
-export function usePickerValue({
-  columns,
-  valueProp,
-  defaultValue,
-  emitConfirmOnAutoSelect = true,
-  onChange,
-  onConfirm
-}) {
-  const prep = useMemo(() => prepareColumns(columns), [columns]);
-  const isControlled = valueProp !== undefined;
-  const onChangeRef = useRef(onChange);
-  const onConfirmRef = useRef(onConfirm);
-  onChangeRef.current = onChange;
-  onConfirmRef.current = onConfirm;
-  const [innerValue, setInnerValue] = useState(() => normalizePicker(prep, toArrayValue(valueProp ?? defaultValue)).values);
-  const innerValueRef = useRef(innerValue);
-  innerValueRef.current = innerValue;
-  const commitValue = useCallback(next => {
-    innerValueRef.current = next;
-    setInnerValue(next);
-  }, []);
-  useEffect(() => {
-    if (!isControlled) return;
-    const next = toArrayValue(valueProp);
-    if (!shallowEqualArray(innerValueRef.current, next)) commitValue(next);
-  }, [commitValue, isControlled, valueProp]);
-  const norm = useMemo(() => normalizePicker(prep, innerValue), [prep, innerValue]);
-  useEffect(() => {
-    if (isControlled) return;
-    if (!shallowEqualArray(innerValue, norm.values)) {
-      commitValue(norm.values);
-      onChangeRef.current?.(norm.values, norm.options);
-      if (emitConfirmOnAutoSelect) onConfirmRef.current?.(norm.values, norm.options);
-    }
-  }, [commitValue, emitConfirmOnAutoSelect, innerValue, isControlled, norm]);
-  const handleSelect = useCallback((option, colIdx) => {
-    const next = [...innerValueRef.current];
-    next[colIdx] = option.value;
-    if (prep.type === 'cascade') next.length = colIdx + 1;
-    const final = normalizePicker(prep, next);
-    if (shallowEqualArray(innerValueRef.current, final.values)) return;
-    commitValue(final.values);
-    onChangeRef.current?.(final.values, final.options);
-  }, [commitValue, prep]);
-  const handleConfirm = useCallback(() => {
-    onConfirmRef.current?.(norm.values, norm.options);
-  }, [norm]);
-  return {
-    preparedColumns: prep,
-    normalized: norm,
-    handleSelect,
-    handleConfirm
-  };
-}
-const getVisibleCount = count => {
-  const n = isFiniteNumber(count) ? Math.max(3, Math.floor(count)) : 5;
-  return n % 2 === 0 ? n + 1 : n;
-};
-const GRADIENT_OVERLAY_ALPHA = 0.25;
-const GRADIENT_STEPS = [0.95, 0.75, 0.55, 0.35];
-const GRADIENT_STEPS_REVERSED = [0.35, 0.55, 0.75, 0.95];
-const GradientMask = ({
-  height,
-  color,
-  position,
-  maskType
-}) => {
-  const baseStyle = [S.gMask, {
-    height
-  }, position === 'top' ? {
-    top: 0
-  } : {
-    bottom: 0
-  }];
-  const overlayColor = withAlpha(color, GRADIENT_OVERLAY_ALPHA);
-  if (maskType === 'solid') return /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [...baseStyle, {
-      backgroundColor: withAlpha(color, 0.9)
-    }]
-  });
-  if (Platform.OS === 'web') {
-    const angle = position === 'top' ? '180deg' : '0deg';
-    return /*#__PURE__*/React.createElement(View, {
-      pointerEvents: "none",
-      style: [...baseStyle, {
-        backgroundColor: overlayColor,
-        backgroundImage: `linear-gradient(${angle}, ${withAlpha(color, 0.98)}, ${withAlpha(color, 0.4)})`
-      }]
-    });
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [...baseStyle, {
-      backgroundColor: overlayColor
-    }]
-  }, (position === 'top' ? GRADIENT_STEPS : GRADIENT_STEPS_REVERSED).map((opacity, idx) => /*#__PURE__*/React.createElement(View, {
-    key: idx,
-    style: {
-      flex: 1,
-      backgroundColor: withAlpha(color, opacity)
-    }
-  })));
-};
-const PickerColumn = /*#__PURE__*/React.memo(props => {
-  const {
-    columnIndex,
-    options,
-    value,
-    itemHeight,
-    visibleItemCount,
-    optionRender,
-    getOptionTestID,
-    getOptionA11yLabel,
-    onSelect,
-    tokens,
-    readOnly,
-    decelerationRate,
-    scrollEventThrottle,
-    swipeDuration
-  } = props;
-  const restVisible = Math.max(1, Math.floor((visibleItemCount - 1) / 2));
-  const valueIndexMap = useMemo(() => new Map(options.map((opt, idx) => [opt.value, idx])), [options]);
-  const selIdx = useMemo(() => {
-    if (!options.length) return 0;
-    const idx = valueIndexMap.get(value);
-    const startIdx = typeof idx === 'number' && idx >= 0 ? idx : 0;
-    return findEnabledIndex(options, startIdx);
-  }, [options, value, valueIndexMap]);
-  const handleChange = useCallback(index => {
-    const tgt = findEnabledIndex(options, index);
-    const opt = options[tgt];
-    if (!opt || opt.disabled) return;
-    onSelect(opt, columnIndex, tgt);
-  }, [columnIndex, onSelect, options]);
-  const {
-    text: cText,
-    textDisabled: cDisabled,
-    textMuted: cMuted
-  } = tokens.colors;
-  const optFont = {
-    fontSize: tokens.typography.optionSize,
-    fontFamily: tokens.typography.fontFamily,
-    fontWeight: tokens.typography.optionWeight
-  };
-  const renderItemStable = useCallback((item, _index, meta) => {
-    const {
-      active = false,
-      disabled = false
-    } = meta ?? {};
-    const clr = disabled ? cDisabled : active ? cText : cMuted;
-    const cnt = optionRender ? optionRender(item, {
-      columnIndex,
-      active
-    }) : item.label ?? item.value;
-    const testID = getOptionTestID?.(item, {
-      columnIndex,
-      active
-    });
-    const a11y = getOptionA11yLabel?.(item, {
-      columnIndex,
-      active
-    });
-    return /*#__PURE__*/React.createElement(View, {
-      style: [W.option, {
-        opacity: disabled ? 0.5 : 1,
-        minHeight: itemHeight
-      }],
-      testID: testID,
-      accessible: !!a11y,
-      accessibilityLabel: a11y
-    }, isText(cnt) ? /*#__PURE__*/React.createElement(Text, {
-      numberOfLines: 1,
-      style: [S.optTxt, optFont, {
-        color: clr
-      }]
-    }, cnt) : cnt);
-  }, [cText, cDisabled, cMuted, columnIndex, getOptionA11yLabel, getOptionTestID, itemHeight, optFont, optionRender]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [W.column, {
-      height: itemHeight * visibleItemCount
-    }]
-  }, /*#__PURE__*/React.createElement(WheelPicker, {
-    data: options,
-    itemHeight: itemHeight,
-    visibleRest: restVisible,
-    selectedIndex: Math.max(0, selIdx),
-    onChange: handleChange,
-    readOnly: readOnly,
-    indicatorColor: tokens.colors.indicator,
-    decelerationRate: decelerationRate,
-    scrollEventThrottle: scrollEventThrottle,
-    swipeDuration: swipeDuration,
-    renderItem: renderItemStable
-  }));
-});
-const PickerImpl = props => {
-  const {
-    tokensOverride
-  } = props;
-  const locale = useLocale();
-  const tokens = usePickerTokens(tokensOverride);
-  const {
-    columns = [],
-    value: valueProp,
-    defaultValue,
-    title,
-    showToolbar = tokens.defaults.showToolbar,
-    toolbarPosition = tokens.defaults.toolbarPosition,
-    confirmButtonText = locale?.confirm ?? 'Confirm',
-    cancelButtonText = locale?.cancel ?? 'Cancel',
-    itemHeight = tokens.defaults.itemHeight,
-    visibleItemCount: visibleItemCountProp = tokens.defaults.visibleItemCount,
-    loading = false,
-    readOnly = false,
-    decelerationRate = Platform.select({
-      ios: 0.999,
-      android: 0.997,
-      default: 0.989
-    }) ?? 'normal',
-    swipeDuration = tokens.defaults.swipeDuration,
-    scrollEventThrottle = 16,
-    columnsTop,
-    columnsBottom,
-    optionRender,
-    getOptionTestID,
-    getOptionA11yLabel,
-    emitConfirmOnAutoSelect = true,
-    maskColor,
-    maskType = tokens.defaults.maskType,
-    onChange,
-    onConfirm,
-    onCancel,
-    style,
-    testID,
-    ...rest
-  } = props;
-  const visCnt = getVisibleCount(visibleItemCountProp ?? tokens.defaults.visibleItemCount);
-  const {
-    normalized: norm,
-    handleSelect,
-    handleConfirm,
-    preparedColumns: prep
-  } = usePickerValue({
-    columns,
-    valueProp,
-    defaultValue,
-    emitConfirmOnAutoSelect,
-    onChange,
-    onConfirm
-  });
-  const isCascade = prep.type === 'cascade';
-  const toolbarFont = {
-    fontSize: tokens.typography.toolbarSize,
-    fontFamily: tokens.typography.fontFamily,
-    fontWeight: tokens.typography.toolbarWeight
-  };
-  const renderActionContent = (content, color) => /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.createElement(View, {
-    style: S.actW
-  }, content) : isText(content) ? /*#__PURE__*/React.createElement(Text, {
-    numberOfLines: 1,
-    style: [S.actTxt, toolbarFont, {
-      color
-    }]
-  }, content) : /*#__PURE__*/React.createElement(View, {
-    style: S.actW
-  });
-  const renderTitleContent = content => content == null ? /*#__PURE__*/React.createElement(View, null) : /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.createElement(View, {
-    style: S.ttlW
-  }, content) : /*#__PURE__*/React.createElement(Text, {
-    style: [S.title, toolbarFont, {
-      color: tokens.colors.text
-    }],
-    numberOfLines: 1
-  }, content);
-  const toolbar = showToolbar ? /*#__PURE__*/React.createElement(View, {
-    style: [S.toolbar, {
-      height: tokens.spacing.toolbarHeight,
-      paddingHorizontal: tokens.spacing.actionPadding
-    }]
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    onPress: onCancel,
-    accessibilityRole: "button"
-  }, renderActionContent(cancelButtonText, tokens.colors.cancel)), renderTitleContent(title), /*#__PURE__*/React.createElement(Pressable, {
-    onPress: handleConfirm,
-    accessibilityRole: "button"
-  }, renderActionContent(confirmButtonText, tokens.colors.confirm)), /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'bottom',
-      color: tokens.colors.indicator,
-      left: 0,
-      right: 0
-    })
-  })) : null;
-  const wrapperH = itemHeight * visCnt;
-  const maskVisCnt = Math.max(1, Math.floor((visCnt - 1) / 2));
-  const indicatorOff = itemHeight * maskVisCnt;
-  const maskH = indicatorOff;
-  const hasCols = norm.columns.length > 0;
-  const effMaskColor = maskColor ?? tokens.colors.mask;
-  const columnsContent = hasCols ? norm.columns.map((column, colIdx) => {
-    const key = isCascade ? `${colIdx}-${norm.values.slice(0, colIdx).map(String).join('|')}` : String(colIdx);
-    return /*#__PURE__*/React.createElement(PickerColumn, {
-      key: key,
-      columnIndex: colIdx,
-      options: column,
-      value: norm.values[colIdx],
-      itemHeight: itemHeight,
-      visibleItemCount: visCnt,
-      decelerationRate: decelerationRate,
-      scrollEventThrottle: scrollEventThrottle,
-      optionRender: optionRender,
-      getOptionTestID: getOptionTestID,
-      getOptionA11yLabel: getOptionA11yLabel,
-      readOnly: readOnly,
-      swipeDuration: swipeDuration,
-      onSelect: handleSelect,
-      tokens: tokens
-    });
-  }) : null;
-  return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
-    style: [{
-      backgroundColor: tokens.colors.background,
-      borderRadius: tokens.radius.container
-    }, style],
-    testID: testID
-  }), toolbarPosition === 'top' && toolbar, /*#__PURE__*/React.createElement(View, {
-    style: [S.body, {
-      height: wrapperH
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: S.columns,
-    pointerEvents: loading ? 'none' : 'auto'
-  }, columnsTop, columnsContent, columnsBottom, hasCols && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [S.indicator, {
-      top: indicatorOff,
-      height: itemHeight
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'top',
-      color: tokens.colors.indicator,
-      left: 0,
-      right: 0
-    })
-  }), /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'bottom',
-      color: tokens.colors.indicator,
-      left: 0,
-      right: 0
-    })
-  })), /*#__PURE__*/React.createElement(GradientMask, {
-    position: "top",
-    height: maskH,
-    color: effMaskColor,
-    maskType: maskType
-  }), /*#__PURE__*/React.createElement(GradientMask, {
-    position: "bottom",
-    height: maskH,
-    color: effMaskColor,
-    maskType: maskType
-  }))), loading && /*#__PURE__*/React.createElement(View, {
-    style: [S.loading, {
-      backgroundColor: tokens.colors.loadingMask
-    }]
-  }, /*#__PURE__*/React.createElement(Loading, null))), toolbarPosition === 'bottom' && toolbar);
-};
-const S = StyleSheet.create({
-  body: {
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  columns: {
-    flex: 1,
-    flexDirection: 'row'
-  },
-  optTxt: {
-    includeFontPadding: false
-  },
-  indicator: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    zIndex: 3
-  },
-  gMask: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    zIndex: 2
-  },
-  toolbar: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  },
-  title: {
-    flex: 1,
-    textAlign: 'center'
-  },
-  ttlW: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  actTxt: {
-    minWidth: 44,
-    textAlign: 'center'
-  },
-  actW: {
-    minWidth: 44,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  loading: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-const Picker = /*#__PURE__*/React.memo(PickerImpl);
-export default Picker;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Pressable,Text,View,Platform,StyleSheet,ScrollView,PanResponder}from"react-native";import Loading from"../loading";import{useLocale}from"../config-provider/useLocale";import{withAlpha}from"../../utils/color";import{isFiniteNumber,isText}from"../../utils/validate";import{clamp,isObject,shallowEqualArray}from"../../utils";import{usePickerTokens}from"./tokens";import{createHairlineView}from"../../utils/hairline";export const toArrayValue=e=>Array.isArray(e)?e.filter(e=>null!=e):null==e?[]:[e];const isColumnWithOptions=e=>!!e&&isObject(e)&&"options"in e&&Array.isArray(e.options),hasChildren=e=>!!e&&isObject(e)&&Array.isArray(e.children)&&e.children.length>0;export const findEnabledIndex=(e,t)=>{if(!e.length)return-1;const n=Math.min(Math.max(t,0),e.length-1);if(!e[n]?.disabled)return n;for(let t=n+1;t<e.length;t+=1)if(!e[t]?.disabled)return t;for(let t=n-1;t>=0;t-=1)if(!e[t]?.disabled)return t;return-1};const normalizeMultiple=(e,t,n)=>{const r=[],o=[];return e.forEach((e,a)=>{const l=n[a],i=void 0!==t[a]?e.findIndex(e=>e.value===t[a]):-1,c=e.findIndex(e=>e.value===l),s=findEnabledIndex(e,c>=0?c:i>=0?i:0),u=s>=0?e[s]:void 0,m=c>=0&&!e[c]?.disabled;r[a]=m?l:u?.value??t[a]??e[0]?.value,o[a]=u}),{columns:e,values:r,options:o}},normalizeCascade=(e,t)=>{const n=[],r=[],o=[];let a=e,l=0;for(;a&&a.length&&l<10;){n.push(a);const e=t[l],i=a.findIndex(t=>t.value===e||String(t.value)===String(e)),c=findEnabledIndex(a,i>=0?i:0),s=c>=0?a[c]:a[0];if(r[l]=s?.value,o[l]=s,!s||!hasChildren(s))break;a=s.children,l+=1}return{columns:n,values:r,options:o}};export const prepareColumns=(e=[])=>{if(!Array.isArray(e)||0===e.length)return{type:"single",columnsList:[],defaults:[],cascadeRoot:[]};const t=e.every(e=>!Array.isArray(e)&&!isColumnWithOptions(e)),n=t&&e.some(e=>hasChildren(e));if(n)return{type:"cascade",columnsList:[],defaults:[],cascadeRoot:e};const r=e,o=[],a=[];return t&&!n?(o.push(e),a.push(void 0)):r.forEach(e=>{if(Array.isArray(e))o.push(e),a.push(void 0);else if(isColumnWithOptions(e)){const t=e;o.push(t.options??[]),a.push(t.defaultValue)}}),{type:"multiple",columnsList:o,defaults:a}};export const normalizePicker=(e,t=[])=>{const n=Array.isArray(t)?t:[];return"cascade"===e.type&&e.cascadeRoot?.length?normalizeCascade(e.cascadeRoot,n):normalizeMultiple(e.columnsList,e.defaults,n)};const W=StyleSheet.create({column:{flex:1},option:{justifyContent:"center",alignItems:"center"},grab:{cursor:"pointer",userSelect:"none",touchAction:"none"}}),WheelPickerItemInner=({item:e,index:t,itemHeight:n,active:r,disabled:o,renderItem:a})=>{const l=a(e,t,{active:r,disabled:o});return React.createElement(View,{style:[W.option,{height:n}]},l)},WheelPickerItem=React.memo(WheelPickerItemInner),getVelocityBucket=e=>{const t=Math.abs(e);return t>1.2?2:t>.6?1:0},adjustIndex=(e,t)=>{const n=t.length;if(!n)return 0;const r=clamp(e,0,n-1),o=findEnabledIndex(t,r);return o>=0?o:r},indexToOffset=(e,t)=>-e*t,offsetToIndex=(e,t,n,r)=>{const o=-Math.max(0,n-1)*t,a=clamp(e,o,0);let l=Math.round(-a/t);l=adjustIndex(l,r);return{index:l,snapOffset:indexToOffset(l,t)}},shouldMomentum=(e,t)=>t<500&&Math.abs(e)>8,momentumTarget=(e,t,n,r,o)=>{const a=Math.abs(e/t),l=clamp(n+a/.0025*(e<0?-1:1),o,0),i=Math.round(-l/r);return indexToOffset(i,r)},WheelPickerInner=({data:e,selectedIndex:t,onChange:n,onInteractStart:r,onInteractEnd:o,renderItem:a,itemHeight:l,visibleRest:i,readOnly:c,indicatorColor:s,decelerationRate:u=Platform.select({ios:.9985,android:.995,default:.995})??"normal",scrollEventThrottle:m=16,swipeDuration:d=300})=>{const f="web"===Platform.OS,p=useRef(null),h=useRef(null),b=i*l,g=e.length,y=Math.max(0,g-1),R=-y*l,E=l*(2*i+1),v=clamp(t,0,y),x=findEnabledIndex(e,v),k=x>=0?x:v,C=2*i+1,w=g>20*C?32:m,I=g>4*C,T=useCallback(()=>React.createElement(View,{style:{height:b}}),[b]),V=useMemo(()=>[S.indicator,{height:l,top:l*i}],[l,i]),P=useRef(null),A=useRef(!1),M=useRef(0),O=useCallback(()=>{P.current&&(clearTimeout(P.current),P.current=null)},[]),D=useCallback((t,r)=>{if(c)return;const{index:o,snapOffset:a}=offsetToIndex(-t,l,g,e),i=-a;Math.abs(i-t)>.5&&p.current?.scrollToOffset({offset:i,animated:r}),n(o)},[e,l,n,c,g]);useEffect(()=>{const e=k*l;f||h.current?.scrollTo({y:e,animated:!1})},[f,l,k]);const[H,z]=useState(()=>indexToOffset(k,l)),L=useRef(H),F=useRef(0),j=useRef(0),[_,q]=useState(0),[G,N]=useState(0),$=useRef(0),B=useRef(null),Y=useRef(0),J=useRef(null),K=useRef(null),Q=useRef(null),U=useRef(null),X=useRef(!1),Z=useRef(r);Z.current=r;const ee=useRef(o);ee.current=o;const te=useCallback(()=>{c||X.current||(X.current=!0,Z.current?.())},[c]),ne=useCallback(()=>{X.current&&(X.current=!1,ee.current?.())},[]),re=useCallback(()=>{null!=U.current&&"undefined"!=typeof cancelAnimationFrame&&(cancelAnimationFrame(U.current),U.current=null),null!=J.current&&"undefined"!=typeof cancelAnimationFrame&&(cancelAnimationFrame(J.current),J.current=null)},[]),oe=useCallback(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)},[]);useEffect(()=>()=>{O(),oe(),re()},[O,oe,re]);const ae=useCallback(e=>{const t=getVelocityBucket(e);t!==$.current&&($.current=t,N(t))},[]),le=useCallback(e=>{const t=Date.now(),n=B.current;if(null!=n){const r=Math.max(1,t-n);ae(e/r)}B.current=t},[ae]);useEffect(()=>{if(!f)return;oe(),K.current=null,q(0);const e=indexToOffset(k,l);L.current=e,z(e)},[oe,f,l,k,q]);const ie=useCallback(()=>{if(c)return;const e=K.current;null!=e&&(K.current=null,oe(),q(0),ne(),n(e))},[oe,n,c,q]),ce=useCallback(e=>{if(c)return;te();const t=clamp(e,0,y),n=indexToOffset(t,l);oe(),K.current=t,L.current=n,q(d),z(n),d<=0?ie():Q.current=setTimeout(ie,d+80)},[oe,ie,l,y,c,d]),se=useCallback(t=>{if(c)return;const n=t.nativeEvent?.deltaY??0;n&&(Y.current+=n,null==J.current&&"undefined"!=typeof requestAnimationFrame&&(J.current=requestAnimationFrame(()=>{J.current=null;const t=Y.current;if(Y.current=0,!t)return;le(t);const n=t>0?1:-1,{index:r}=offsetToIndex(L.current,l,g,e),o=clamp(r+n,0,y);ce(o)})))},[e,l,y,c,ce,g,le]),ue=clamp(Math.round(-H/l),0,y),me=useMemo(()=>{if(!f||g<=0)return{items:null,topSpacer:null,bottomSpacer:null};let t=0,n=y;if(I){const e=Math.max(2*C,8),r=2===G?4*C:1===G?2*C:0,o=Math.min(e+r,Math.max(6*C,24));t=clamp(ue-o,0,y),n=clamp(ue+o,0,y)}const r=[];for(let o=t;o<=n;o+=1){const t=e[o];t&&r.push(React.createElement(WheelPickerItem,{key:`${o}-${String(t.value??"")}`,item:t,index:o,itemHeight:l,active:o===k,disabled:!!t.disabled,renderItem:a}))}const o=t*l,i=(y-n)*l;return{items:r,topSpacer:o>0&&React.createElement(View,{style:{height:o}}),bottomSpacer:i>0&&React.createElement(View,{style:{height:i}})}},[e,f,l,y,a,k,g,C,ue,G,I]),de=useMemo(()=>({transform:[{translateY:H}]}),[H]),fe=useMemo(()=>_?{transitionProperty:"transform",transitionDuration:_+"ms",transitionTimingFunction:"cubic-bezier(0.23, 1, 0.68, 1)",willChange:"transform"}:void 0,[_]),pe=useCallback(e=>{const t=e.nativeEvent?.propertyName??e.propertyName;t&&"transform"!==t&&"webkitTransform"!==t||ie()},[ie]),he=useMemo(()=>PanResponder.create({onStartShouldSetPanResponder:()=>!c,onMoveShouldSetPanResponder:()=>!c,onPanResponderGrant:()=>{re(),K.current=null,te(),q(0),F.current=L.current,j.current=Date.now()},onPanResponderMove:(e,t)=>{if(c)return;ae(t.vy);const n=clamp(F.current+t.dy,R,0);L.current=n,"undefined"!=typeof requestAnimationFrame?null==U.current&&(U.current=requestAnimationFrame(()=>{U.current=null,z(L.current)})):z(n)},onPanResponderRelease:(t,n)=>{if(c)return;ae(0);const r=Date.now()-j.current,o=n.dy;let a=clamp(F.current+o,R,0);shouldMomentum(o,r)&&(a=momentumTarget(o,r,F.current,l,R));const{index:i}=offsetToIndex(a,l,g,e);ce(i)},onPanResponderTerminationRequest:()=>!1,onPanResponderTerminate:()=>{ne(),q(0)}}),[e,l,R,ne,te,c,ae,ce,re,g]),be=!c,ge=useCallback(()=>be,[be]),ye=useMemo(()=>({paddingVertical:b}),[b]),Re=useCallback(e=>{M.current=e.nativeEvent.contentOffset.y},[]),Ee=useCallback(()=>{A.current=!1,O(),te()},[O,te]),ve=useCallback(e=>{if(c)return;const t=e.nativeEvent.contentOffset.y;M.current=t,O(),P.current=setTimeout(()=>{A.current||(D(M.current,!0),ne())},80)},[O,D,ne,c]),xe=useCallback(()=>{A.current=!0,O(),te()},[O,te]),ke=useCallback(e=>{A.current=!1,O();const t=e.nativeEvent.contentOffset.y;M.current=t,D(t,!1),ne()},[O,D,ne]);return f?React.createElement(View,_extends({style:[W.column,{height:E},W.grab],onWheel:se},he.panHandlers),React.createElement(View,{style:V,pointerEvents:"none"},React.createElement(View,{style:createHairlineView({position:"top",color:s,left:0,right:0})}),React.createElement(View,{style:createHairlineView({position:"bottom",color:s,left:0,right:0})})),React.createElement(View,{style:[de,fe],onTransitionEnd:pe},React.createElement(T,null),me.topSpacer,me.items,me.bottomSpacer,React.createElement(T,null))):React.createElement(View,{style:[W.column,{height:E}],collapsable:!1},React.createElement(View,{style:V,pointerEvents:"none"},React.createElement(View,{style:createHairlineView({position:"top",color:s,left:0,right:0})}),React.createElement(View,{style:createHairlineView({position:"bottom",color:s,left:0,right:0})})),React.createElement(ScrollView,{ref:h,showsVerticalScrollIndicator:!1,scrollEventThrottle:w,decelerationRate:u,snapToInterval:l,snapToAlignment:"start",bounces:!1,overScrollMode:"never",nestedScrollEnabled:!0,contentContainerStyle:ye,onStartShouldSetResponderCapture:ge,onMoveShouldSetResponderCapture:ge,onScroll:Re,onScrollBeginDrag:Ee,onScrollEndDrag:ve,onMomentumScrollBegin:xe,onMomentumScrollEnd:ke,scrollEnabled:!c},e.map((e,t)=>React.createElement(WheelPickerItem,{key:`${t}-${String(e.value??"")}`,item:e,index:t,itemHeight:l,active:t===k,disabled:!!e.disabled,renderItem:a}))))},WheelPicker=React.memo(WheelPickerInner);export function usePickerValue({columns:e,valueProp:t,defaultValue:n,emitConfirmOnAutoSelect:r=!0,onChange:o,onConfirm:a}){const l=useMemo(()=>prepareColumns(e),[e]),i=void 0!==t,c=useRef(o),s=useRef(a);c.current=o,s.current=a;const[u,m]=useState(()=>normalizePicker(l,toArrayValue(t??n)).values),d=useRef(u);d.current=u;const f=useCallback(e=>{d.current=e,m(e)},[]);useEffect(()=>{if(!i)return;const e=toArrayValue(t);shallowEqualArray(d.current,e)||f(e)},[f,i,t]);const p=useMemo(()=>normalizePicker(l,u),[l,u]);useEffect(()=>{i||shallowEqualArray(u,p.values)||(f(p.values),c.current?.(p.values,p.options),r&&s.current?.(p.values,p.options))},[f,r,u,i,p]);const h=useCallback((e,t)=>{const n=[...d.current];n[t]=e.value,"cascade"===l.type&&(n.length=t+1);const r=normalizePicker(l,n);shallowEqualArray(d.current,r.values)||(f(r.values),c.current?.(r.values,r.options))},[f,l]),b=useCallback(()=>{s.current?.(p.values,p.options)},[p]);return{preparedColumns:l,normalized:p,handleSelect:h,handleConfirm:b}}const getVisibleCount=e=>{const t=isFiniteNumber(e)?Math.max(3,Math.floor(e)):5;return t%2==0?t+1:t},GRADIENT_OVERLAY_ALPHA=.25,GRADIENT_STEPS=[.95,.75,.55,.35],GRADIENT_STEPS_REVERSED=[.35,.55,.75,.95],GradientMask=({height:e,color:t,position:n,maskType:r})=>{const o=[S.gMask,{height:e},"top"===n?{top:0}:{bottom:0}],a=withAlpha(t,.25);if("solid"===r)return React.createElement(View,{pointerEvents:"none",style:[...o,{backgroundColor:withAlpha(t,.9)}]});if("web"===Platform.OS){const e="top"===n?"180deg":"0deg";return React.createElement(View,{pointerEvents:"none",style:[...o,{backgroundColor:a,backgroundImage:`linear-gradient(${e}, ${withAlpha(t,.98)}, ${withAlpha(t,.4)})`}]})}return React.createElement(View,{pointerEvents:"none",style:[...o,{backgroundColor:a}]},("top"===n?GRADIENT_STEPS:GRADIENT_STEPS_REVERSED).map((e,n)=>React.createElement(View,{key:n,style:{flex:1,backgroundColor:withAlpha(t,e)}})))},PickerColumn=React.memo(e=>{const{columnIndex:t,options:n,value:r,itemHeight:o,visibleItemCount:a,optionRender:l,getOptionTestID:i,getOptionA11yLabel:c,onSelect:s,tokens:u,readOnly:m,decelerationRate:d,scrollEventThrottle:f,swipeDuration:p}=e,h=Math.max(1,Math.floor((a-1)/2)),b=useMemo(()=>new Map(n.map((e,t)=>[e.value,t])),[n]),g=useMemo(()=>{if(!n.length)return 0;const e=b.get(r);return findEnabledIndex(n,"number"==typeof e&&e>=0?e:0)},[n,r,b]),y=useCallback(e=>{const r=findEnabledIndex(n,e),o=n[r];o&&!o.disabled&&s(o,t,r)},[t,s,n]),{text:R,textDisabled:E,textMuted:v}=u.colors,x={fontSize:u.typography.optionSize,fontFamily:u.typography.fontFamily,fontWeight:u.typography.optionWeight},k=useCallback((e,n,r)=>{const{active:a=!1,disabled:s=!1}=r??{},u=s?E:a?R:v,m=l?l(e,{columnIndex:t,active:a}):e.label??e.value,d=i?.(e,{columnIndex:t,active:a}),f=c?.(e,{columnIndex:t,active:a});return React.createElement(View,{style:[W.option,{opacity:s?.5:1,minHeight:o}],testID:d,accessible:!!f,accessibilityLabel:f},isText(m)?React.createElement(Text,{numberOfLines:1,style:[S.optTxt,x,{color:u}]},m):m)},[R,E,v,t,c,i,o,x,l]);return React.createElement(View,{style:[W.column,{height:o*a}]},React.createElement(WheelPicker,{data:n,itemHeight:o,visibleRest:h,selectedIndex:Math.max(0,g),onChange:y,readOnly:m,indicatorColor:u.colors.indicator,decelerationRate:d,scrollEventThrottle:f,swipeDuration:p,renderItem:k}))}),PickerImpl=e=>{const{tokensOverride:t}=e,n=useLocale(),r=usePickerTokens(t),{columns:o=[],value:a,defaultValue:l,title:i,showToolbar:c=r.defaults.showToolbar,toolbarPosition:s=r.defaults.toolbarPosition,confirmButtonText:u=n?.confirm??"Confirm",cancelButtonText:m=n?.cancel??"Cancel",itemHeight:d=r.defaults.itemHeight,visibleItemCount:f=r.defaults.visibleItemCount,loading:p=!1,readOnly:h=!1,decelerationRate:b=Platform.select({ios:.999,android:.997,default:.989})??"normal",swipeDuration:g=r.defaults.swipeDuration,scrollEventThrottle:y=16,columnsTop:R,columnsBottom:E,optionRender:v,getOptionTestID:x,getOptionA11yLabel:k,emitConfirmOnAutoSelect:C=!0,maskColor:w,maskType:I=r.defaults.maskType,onChange:T,onConfirm:V,onCancel:P,style:A,testID:M,...O}=e,W=getVisibleCount(f??r.defaults.visibleItemCount),{normalized:D,handleSelect:H,handleConfirm:z,preparedColumns:L}=usePickerValue({columns:o,valueProp:a,defaultValue:l,emitConfirmOnAutoSelect:C,onChange:T,onConfirm:V}),F="cascade"===L.type,j={fontSize:r.typography.toolbarSize,fontFamily:r.typography.fontFamily,fontWeight:r.typography.toolbarWeight},_=(e,t)=>React.isValidElement(e)?React.createElement(View,{style:S.actW},e):isText(e)?React.createElement(Text,{numberOfLines:1,style:[S.actTxt,j,{color:t}]},e):React.createElement(View,{style:S.actW}),q=c?React.createElement(View,{style:[S.toolbar,{height:r.spacing.toolbarHeight,paddingHorizontal:r.spacing.actionPadding}]},React.createElement(Pressable,{onPress:P,accessibilityRole:"button"},_(m,r.colors.cancel)),null==(G=i)?React.createElement(View,null):React.isValidElement(G)?React.createElement(View,{style:S.ttlW},G):React.createElement(Text,{style:[S.title,j,{color:r.colors.text}],numberOfLines:1},G),React.createElement(Pressable,{onPress:z,accessibilityRole:"button"},_(u,r.colors.confirm)),React.createElement(View,{style:createHairlineView({position:"bottom",color:r.colors.indicator,left:0,right:0})})):null;var G;const N=d*W,$=Math.max(1,Math.floor((W-1)/2)),B=d*$,Y=B,J=D.columns.length>0,K=w??r.colors.mask,Q=J?D.columns.map((e,t)=>{const n=F?`${t}-${D.values.slice(0,t).map(String).join("|")}`:String(t);return React.createElement(PickerColumn,{key:n,columnIndex:t,options:e,value:D.values[t],itemHeight:d,visibleItemCount:W,decelerationRate:b,scrollEventThrottle:y,optionRender:v,getOptionTestID:x,getOptionA11yLabel:k,readOnly:h,swipeDuration:g,onSelect:H,tokens:r})}):null;return React.createElement(View,_extends({},O,{style:[{backgroundColor:r.colors.background,borderRadius:r.radius.container},A],testID:M}),"top"===s&&q,React.createElement(View,{style:[S.body,{height:N}]},React.createElement(View,{style:S.columns,pointerEvents:p?"none":"auto"},R,Q,E,J&&React.createElement(React.Fragment,null,React.createElement(View,{pointerEvents:"none",style:[S.indicator,{top:B,height:d}]},React.createElement(View,{style:createHairlineView({position:"top",color:r.colors.indicator,left:0,right:0})}),React.createElement(View,{style:createHairlineView({position:"bottom",color:r.colors.indicator,left:0,right:0})})),React.createElement(GradientMask,{position:"top",height:Y,color:K,maskType:I}),React.createElement(GradientMask,{position:"bottom",height:Y,color:K,maskType:I}))),p&&React.createElement(View,{style:[S.loading,{backgroundColor:r.colors.loadingMask}]},React.createElement(Loading,null))),"bottom"===s&&q)},S=StyleSheet.create({body:{position:"relative",overflow:"hidden"},columns:{flex:1,flexDirection:"row"},optTxt:{includeFontPadding:!1},indicator:{position:"absolute",left:0,right:0,zIndex:3},gMask:{position:"absolute",left:0,right:0,zIndex:2},toolbar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},title:{flex:1,textAlign:"center"},ttlW:{flex:1,alignItems:"center",justifyContent:"center"},actTxt:{minWidth:44,textAlign:"center"},actW:{minWidth:44,alignItems:"center",justifyContent:"center"},loading:{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center"}}),Picker=React.memo(PickerImpl);export default Picker;