react-native-system-ui 1.0.2 → 1.0.4

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

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