@tarojs/components-react 4.1.12-beta.6 → 4.1.12-beta.61

package/dist/original/components/picker/picker-group-slider.js

@@ -0,0 +1,1046 @@
+import { View, ScrollView } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function usePickerItemScrollIntoView() {
+  const [scrollIntoView, setScrollIntoView] = React.useState('');
+  const pulseRef = React.useRef(0);
+  const scrollToItemId = React.useCallback(itemId => {
+    pulseRef.current += 1;
+    const token = pulseRef.current;
+    setScrollIntoView('');
+    setTimeout(() => {
+      if (pulseRef.current !== token) return;
+      setScrollIntoView(itemId);
+    }, 0);
+  }, []);
+  return [scrollIntoView, scrollToItemId];
+}
+// 定义常量
+const PICKER_LINE_HEIGHT = 34; // px
+const PICKER_VISIBLE_ITEMS = 7; // 可见行数
+const PICKER_BLANK_ITEMS = 3; // 空白行数
+const getIndicatorStyle = lineColor => {
+  return {
+    borderTopColor: lineColor,
+    borderBottomColor: lineColor
+  };
+};
+// 大屏方案版本要求
+const MIN_DESIGN_APP_VERSION = 16;
+// 判断是否启用测量值缩放适配（true=启用, false=使用系统侧缩放）
+const resolveUseMeasuredScale = res => {
+  // H5/weapp 不参与大屏系数
+  if (process.env.TARO_ENV === 'h5' || process.env.TARO_ENV === 'weapp') {
+    return false;
+  }
+  const designAppVersionRaw = res.designAppVersion;
+  const designAppVersionMajor = designAppVersionRaw != null ? parseInt(String(designAppVersionRaw).trim(), 10) : Number.NaN;
+  if (!Number.isFinite(designAppVersionMajor) || designAppVersionMajor < MIN_DESIGN_APP_VERSION) {
+    return false;
+  }
+  const platform = String(res.platform || '').toLowerCase();
+  if (platform === 'harmony' || platform === 'android' || platform === 'ios') {
+    return true;
+  }
+  return false;
+};
+// 辅助函数：计算 lengthScaleRatio
+const calculateLengthScaleRatio = res => {
+  let lengthScaleRatio = res === null || res === void 0 ? void 0 : res.lengthScaleRatio;
+  if (lengthScaleRatio == null || lengthScaleRatio === 0) {
+    console.warn('Taro.getSystemInfo: lengthScaleRatio 不存在，使用计算值');
+    lengthScaleRatio = 1;
+    if (res.windowWidth < 320) {
+      lengthScaleRatio = res.windowWidth / 320;
+    } else if (res.windowWidth >= 400 && res.windowWidth < 600) {
+      lengthScaleRatio = res.windowWidth / 400;
+    }
+    const shortSide = res.windowWidth < res.windowHeight ? res.windowWidth : res.windowHeight;
+    const isBigScreen = shortSide >= 600;
+    if (isBigScreen) {
+      lengthScaleRatio = shortSide / 720;
+    }
+  }
+  return lengthScaleRatio;
+};
+// 辅助函数：获取系统信息的 lengthScaleRatio 并设置 targetScrollTop
+const setTargetScrollTopWithScale = function (setTargetScrollTop, baseValue, randomOffset) {
+  let lengthScaleRatio = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  // H5 和 weapp 不参与放大计算，直接使用 baseValue
+  if (process.env.TARO_ENV === 'h5' || process.env.TARO_ENV === 'weapp') {
+    const finalValue = randomOffset !== undefined ? baseValue + randomOffset : baseValue;
+    setTargetScrollTop(finalValue);
+    return;
+  }
+  if (process.env.TARO_PLATFORM === 'harmony') {
+    const scaledValue = baseValue;
+    const finalValue = randomOffset !== undefined ? scaledValue + randomOffset : scaledValue;
+    setTargetScrollTop(finalValue);
+  } else {
+    const scaledValue = baseValue * lengthScaleRatio;
+    const finalValue = randomOffset !== undefined ? scaledValue + randomOffset : scaledValue;
+    setTargetScrollTop(finalValue);
+  }
+};
+// 根据 scrollTop 计算选中索引
+// 系统侧缩放模式：scrollHeight 已被系统缩放，直接相除即可
+// 自行缩放模式：需要除以 ratio 换算（harmony 特殊处理，ratio 已内嵌在 itemHeight 中）
+const getSelectedIndex = function (scrollTop, itemHeight) {
+  let lengthScaleRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  let useMeasuredScale = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (!useMeasuredScale || process.env.TARO_PLATFORM === 'harmony') {
+    return Math.round(scrollTop / itemHeight);
+  }
+  return Math.round(scrollTop / lengthScaleRatio / itemHeight);
+};
+// 计算单项高度（返回设计稿值）
+const calculateItemHeight = function (scrollView, lengthScaleRatio) {
+  let useMeasuredScale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (process.env.TARO_PLATFORM === 'harmony') {
+    return useMeasuredScale ? PICKER_LINE_HEIGHT * lengthScaleRatio : PICKER_LINE_HEIGHT;
+  }
+  if (scrollView && (scrollView === null || scrollView === void 0 ? void 0 : scrollView.scrollHeight)) {
+    return useMeasuredScale ? scrollView.scrollHeight / lengthScaleRatio / scrollView.childNodes.length : scrollView.scrollHeight / scrollView.childNodes.length;
+  }
+  console.warn('Height measurement anomaly');
+  return PICKER_LINE_HEIGHT;
+};
+function PickerGroupBasic(props) {
+  const {
+    range = [],
+    rangeKey,
+    columnId,
+    updateIndex,
+    onColumnChange,
+    selectedIndex = 0,
+    // 使用selectedIndex参数，默认为0
+    colors = {},
+    enableClickItemScroll = true
+  } = props;
+  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
+  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
+  const [scrollIntoView, scrollToItemId] = usePickerItemScrollIntoView();
+  const scrollViewRef = React.useRef(null);
+  // 使用selectedIndex初始化当前索引
+  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
+  // 触摸状态用于优化用户体验
+  const isTouchingRef = React.useRef(false);
+  const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
+  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
+  // 初始化时计算 lengthScaleRatio 并判定缩放模式
+  React.useEffect(() => {
+    Taro.getSystemInfo({
+      success: res => {
+        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
+        useMeasuredScaleRef.current = resolveUseMeasuredScale(res);
+        itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      },
+      fail: () => {
+        lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
+      }
+    });
+  }, []);
+  React.useEffect(() => {
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+  }, [range.length]); // 只在range长度变化时重新计算
+  // 滚动到指定索引（供程序化对齐与无障碍步进复用）
+  const scrollToIndex = React.useCallback(function (index) {
+    let withRandomOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const baseValue = index * itemHeightRef.current;
+    const randomOffset = withRandomOffset ? Math.random() * 0.001 : undefined;
+    setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
+  }, []);
+  // props 的 selectedIndex 变化：滚至对应项
+  React.useEffect(() => {
+    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
+      scrollToIndex(selectedIndex);
+      setCurrentIndex(selectedIndex);
+    }
+  }, [selectedIndex, range, scrollToIndex]);
+  // 是否处于归中状态
+  const isCenterTimerId = React.useRef(null);
+  // 滚动静止后归中并同步选中
+  const handleScrollEnd = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    // 100ms 内无新滚动则归中并提交索引
+    isCenterTimerId.current = setTimeout(() => {
+      if (!scrollViewRef.current) return;
+      const scrollTop = scrollViewRef.current.scrollTop;
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      isTouchingRef.current = false;
+      scrollToIndex(newIndex, true);
+      updateIndex(newIndex, columnId);
+      onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange({
+        columnId,
+        index: newIndex
+      });
+      isCenterTimerId.current = null;
+    }, 100);
+  };
+  // 滚动中：按 scrollTop 更新高亮索引
+  const handleScroll = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    const scrollTop = scrollViewRef.current.scrollTop;
+    const ih = itemHeightRef.current;
+    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    if (newIndex !== currentIndex) {
+      setCurrentIndex(newIndex);
+    }
+  };
+  // 无障碍：整列作单 slider，转子 increment/decrement 切相邻项
+  const clampIndex = index => Math.max(0, Math.min(index, range.length - 1));
+  // 切换后主动播报当前项：焦点停在 slider 容器上，aria 属性更新读屏不会自动重读，需主动触发
+  const announceIndex = index => {
+    const item = range[index];
+    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+    const text = content != null ? String(content) : '';
+    if (!text) return;
+    const fn = Taro.accessibilityAnnounce;
+    if (typeof fn !== 'function') return;
+    fn({
+      announce: text,
+      delay: 300
+    });
+  };
+  const commitIndexByA11y = nextIndex => {
+    const clamped = clampIndex(nextIndex);
+    if (clamped === currentIndex) return;
+    isTouchingRef.current = false;
+    setCurrentIndex(clamped);
+    scrollToIndex(clamped, true);
+    updateIndex(clamped, columnId);
+    onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange({
+      columnId,
+      index: clamped
+    });
+    announceIndex(clamped);
+  };
+  const handleAriaAction = e => {
+    var _a;
+    const actionName = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.actionName;
+    if (actionName === 'increment') {
+      commitIndexByA11y(currentIndex + 1);
+    } else if (actionName === 'decrement') {
+      commitIndexByA11y(currentIndex - 1);
+    }
+  };
+  // 无障碍 label：当前项值（用 rangeKey 取显示值），仅 string 或 number（转 string）挂载，对象等其它类型不挂载
+  const currentItem = range[currentIndex];
+  const currentValue = rangeKey && currentItem && typeof currentItem === 'object' ? currentItem[rangeKey] : currentItem;
+  const ariaLabel = typeof currentValue === 'string' ? currentValue : typeof currentValue === 'number' ? String(currentValue) : undefined;
+  // 渲染选项
+  const pickerItem = range.map((item, index) => {
+    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+    return /*#__PURE__*/jsx(View, {
+      id: `picker-item-${columnId}-${index}`,
+      ariaHidden: true,
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
+      ...(enableClickItemScroll ? {
+        onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
+      } : {}),
+      style: {
+        height: PICKER_LINE_HEIGHT,
+        color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
+      },
+      children: content
+    }, index);
+  });
+  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-top-${idx}`)), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-bottom-${idx}`))];
+  const clickScrollViewProps = enableClickItemScroll ? {
+    scrollIntoView,
+    scrollIntoViewAlignment: 'center'
+  } : {};
+  return /*#__PURE__*/jsxs(View, {
+    className: "taro-picker__group",
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/jsx(View, {
+      className: "taro-picker__mask",
+      ariaHidden: true
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__indicator",
+      ariaHidden: true,
+      ...(indicatorStyle ? {
+        style: indicatorStyle
+      } : {})
+    }), /*#__PURE__*/jsx(ScrollView, {
+      ref: scrollViewRef,
+      scrollY: true,
+      showScrollbar: false,
+      className: "taro-picker__content",
+      ariaHidden: true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: 'no-hide-descendants',
+      style: {
+        height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
+      },
+      scrollTop: targetScrollTop,
+      ...clickScrollViewProps,
+      onScroll: handleScroll,
+      onTouchStart: () => {
+        isTouchingRef.current = true;
+      },
+      onScrollEnd: handleScrollEnd,
+      scrollWithAnimation: true,
+      children: realPickerItems
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__a11y-overlay",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        pointerEvents: 'none'
+      },
+      ariaRole: "slider",
+      ...(ariaLabel !== undefined ? {
+        ariaLabel
+      } : {}),
+      ariaAction: [{
+        name: 'increment',
+        label: 'increment'
+      }, {
+        name: 'decrement',
+        label: 'decrement'
+      }],
+      onAriaAction: handleAriaAction
+    })]
+  });
+}
+// 时间选择器实现
+function PickerGroupTime(props) {
+  const {
+    range = [],
+    rangeKey,
+    columnId,
+    updateIndex,
+    selectedIndex = 0,
+    colors = {},
+    timeA11yLimitFocus,
+    timeA11yLimitEventNonce,
+    enableClickItemScroll = true
+  } = props;
+  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
+  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
+  const [scrollIntoView, scrollToItemId] = usePickerItemScrollIntoView();
+  const scrollViewRef = React.useRef(null);
+  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
+  const isTouchingRef = React.useRef(false);
+  const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
+  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
+  // 初始化时计算 lengthScaleRatio 并判定缩放模式
+  React.useEffect(() => {
+    Taro.getSystemInfo({
+      success: res => {
+        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
+        useMeasuredScaleRef.current = resolveUseMeasuredScale(res);
+        itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      },
+      fail: () => {
+        lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
+      }
+    });
+  }, []);
+  React.useEffect(() => {
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+  }, [range.length]); // 只在range长度变化时重新计算
+  // 滚动到指定索引（供程序化对齐与无障碍步进复用）
+  const scrollToIndex = React.useCallback(function (index) {
+    let withRandomOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const baseValue = index * itemHeightRef.current;
+    const randomOffset = withRandomOffset ? Math.random() * 0.001 : undefined;
+    setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
+  }, []);
+  // props 的 selectedIndex 变化：滚至对应项
+  React.useEffect(() => {
+    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
+      scrollToIndex(selectedIndex);
+      setCurrentIndex(selectedIndex);
+    }
+  }, [selectedIndex, range, scrollToIndex]);
+  // 限位回弹强制对齐：限位后即使 selectedIndex 值不变（回弹到同一边界），nonce 变化也强制重新对齐 scrollTop
+  React.useEffect(() => {
+    if (!timeA11yLimitEventNonce) return;
+    if (!scrollViewRef.current || range.length === 0 || isTouchingRef.current) return;
+    scrollToIndex(selectedIndex, true);
+    setCurrentIndex(selectedIndex);
+    // 仅被限位触发的列在回弹稳定后补播报一次修正值（nonce 两列共享，需按 columnId 过滤）
+    if (timeA11yLimitFocus && timeA11yLimitFocus.columnId === columnId) {
+      const item = range[selectedIndex];
+      const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+      const text = content != null ? String(content) : '';
+      const fn = Taro.accessibilityAnnounce;
+      if (text && typeof fn === 'function') {
+        fn({
+          announce: text,
+          delay: 300
+        });
+      }
+    }
+  }, [timeA11yLimitEventNonce]); // 仅依赖 nonce，其余用 ref
+  // 是否处于归中状态
+  const isCenterTimerId = React.useRef(null);
+  // 滚动静止后归中并同步选中（保留 time 限位业务：超 start/end 由父级修正后经 selectedIndex 回弹）
+  const handleScrollEnd = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    // 100ms 内无新滚动则归中并提交索引
+    isCenterTimerId.current = setTimeout(() => {
+      if (!scrollViewRef.current) return;
+      const scrollTop = scrollViewRef.current.scrollTop;
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      isTouchingRef.current = false;
+      const isLimited = Boolean(updateIndex(newIndex, columnId, true));
+      // 限位时不归中：父级会通过 selectedIndex / nonce 下发修正值触发重新对齐
+      if (!isLimited) {
+        scrollToIndex(newIndex, true);
+      }
+      isCenterTimerId.current = null;
+    }, 100);
+  };
+  // 滚动中：按 scrollTop 更新高亮索引
+  const handleScroll = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    const scrollTop = scrollViewRef.current.scrollTop;
+    const ih = itemHeightRef.current;
+    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    if (newIndex !== currentIndex) {
+      setCurrentIndex(newIndex);
+    }
+  };
+  // 无障碍：整列作单 slider，转子 increment/decrement 切相邻项（保留 time 限位）
+  const clampIndex = index => Math.max(0, Math.min(index, range.length - 1));
+  // 切换后主动播报当前项：焦点停在 slider 覆盖层上，aria 属性更新读屏不会自动重读，需主动触发
+  const announceIndex = index => {
+    const item = range[index];
+    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+    const text = content != null ? String(content) : '';
+    if (!text) return;
+    const fn = Taro.accessibilityAnnounce;
+    if (typeof fn !== 'function') return;
+    fn({
+      announce: text,
+      delay: 300
+    });
+  };
+  const commitIndexByA11y = nextIndex => {
+    const clamped = clampIndex(nextIndex);
+    if (clamped === currentIndex) return;
+    isTouchingRef.current = false;
+    setCurrentIndex(clamped);
+    scrollToIndex(clamped, true);
+    // 保留 time 限位：超 start/end 时父级修正并经 selectedIndex / nonce 回弹对齐
+    updateIndex(clamped, columnId, true);
+    announceIndex(clamped);
+  };
+  const handleAriaAction = e => {
+    var _a;
+    const actionName = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.actionName;
+    if (actionName === 'increment') {
+      commitIndexByA11y(currentIndex + 1);
+    } else if (actionName === 'decrement') {
+      commitIndexByA11y(currentIndex - 1);
+    }
+  };
+  // 无障碍 label：当前项值，仅 string 或 number（转 string）挂载，对象等其它类型不挂载
+  const currentItem = range[currentIndex];
+  const currentValue = rangeKey && currentItem && typeof currentItem === 'object' ? currentItem[rangeKey] : currentItem;
+  const ariaLabel = typeof currentValue === 'string' ? currentValue : typeof currentValue === 'number' ? String(currentValue) : undefined;
+  // 渲染选项
+  const pickerItem = range.map((item, index) => {
+    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+    return /*#__PURE__*/jsx(View, {
+      id: `picker-item-${columnId}-${index}`,
+      ariaHidden: true,
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
+      ...(enableClickItemScroll ? {
+        onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
+      } : {}),
+      style: {
+        height: PICKER_LINE_HEIGHT,
+        color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
+      },
+      children: content
+    }, index);
+  });
+  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-top-${idx}`)), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-bottom-${idx}`))];
+  const clickScrollViewProps = enableClickItemScroll ? {
+    scrollIntoView,
+    scrollIntoViewAlignment: 'center'
+  } : {};
+  return /*#__PURE__*/jsxs(View, {
+    className: "taro-picker__group",
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/jsx(View, {
+      className: "taro-picker__mask",
+      ariaHidden: true
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__indicator",
+      ariaHidden: true,
+      ...(indicatorStyle ? {
+        style: indicatorStyle
+      } : {})
+    }), /*#__PURE__*/jsx(ScrollView, {
+      ref: scrollViewRef,
+      scrollY: true,
+      showScrollbar: false,
+      className: "taro-picker__content",
+      ariaHidden: true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: 'no-hide-descendants',
+      style: {
+        height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
+      },
+      scrollTop: targetScrollTop,
+      ...clickScrollViewProps,
+      onScroll: handleScroll,
+      onTouchStart: () => {
+        isTouchingRef.current = true;
+      },
+      onScrollEnd: handleScrollEnd,
+      scrollWithAnimation: true,
+      children: realPickerItems
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__a11y-overlay",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        pointerEvents: 'none'
+      },
+      ariaRole: "slider",
+      ...(ariaLabel !== undefined ? {
+        ariaLabel
+      } : {}),
+      ariaAction: [{
+        name: 'increment',
+        label: 'increment'
+      }, {
+        name: 'decrement',
+        label: 'decrement'
+      }],
+      onAriaAction: handleAriaAction
+    })]
+  });
+}
+// 日期选择器实现
+function PickerGroupDate(props) {
+  const {
+    range = [],
+    columnId,
+    updateDay,
+    selectedIndex = 0,
+    colors = {},
+    enableClickItemScroll = true
+  } = props;
+  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
+  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
+  const [scrollIntoView, scrollToItemId] = usePickerItemScrollIntoView();
+  const scrollViewRef = React.useRef(null);
+  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
+  const isTouchingRef = React.useRef(false);
+  const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
+  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
+  // 初始化时计算 lengthScaleRatio 并判定缩放模式
+  React.useEffect(() => {
+    Taro.getSystemInfo({
+      success: res => {
+        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
+        useMeasuredScaleRef.current = resolveUseMeasuredScale(res);
+        itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      },
+      fail: () => {
+        lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
+      }
+    });
+  }, []);
+  React.useEffect(() => {
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+  }, [range.length]); // 只在range长度变化时重新计算
+  // 滚动到指定索引（供程序化对齐与无障碍步进复用）
+  const scrollToIndex = React.useCallback(function (index) {
+    let withRandomOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const baseValue = index * itemHeightRef.current;
+    const randomOffset = withRandomOffset ? Math.random() * 0.001 : undefined;
+    setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
+  }, []);
+  // props 的 selectedIndex 变化：滚至对应项
+  React.useEffect(() => {
+    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
+      scrollToIndex(selectedIndex);
+      setCurrentIndex(selectedIndex);
+    }
+  }, [selectedIndex, range, scrollToIndex]);
+  // 提交日期值：解析文本中的数字（移除年、月、日等后缀）后回调 updateDay
+  const commitDay = index => {
+    if (!updateDay) return;
+    const valueText = range[index] || '';
+    const numericValue = parseInt(valueText.replace(/[^0-9]/g, ''));
+    updateDay(isNaN(numericValue) ? 0 : numericValue, parseInt(columnId));
+  };
+  // 是否处于归中状态
+  const isCenterTimerId = React.useRef(null);
+  // 滚动静止后归中并同步选中
+  const handleScrollEnd = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    // 100ms 内无新滚动则归中并提交索引
+    isCenterTimerId.current = setTimeout(() => {
+      if (!scrollViewRef.current) return;
+      const scrollTop = scrollViewRef.current.scrollTop;
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      isTouchingRef.current = false;
+      scrollToIndex(newIndex, true);
+      commitDay(newIndex);
+      isCenterTimerId.current = null;
+    }, 100);
+  };
+  // 滚动中：按 scrollTop 更新高亮索引
+  const handleScroll = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    const scrollTop = scrollViewRef.current.scrollTop;
+    const ih = itemHeightRef.current;
+    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    if (newIndex !== currentIndex) {
+      setCurrentIndex(newIndex);
+    }
+  };
+  // 无障碍：整列作单 slider，转子 increment/decrement 切相邻项
+  const clampIndex = index => Math.max(0, Math.min(index, range.length - 1));
+  // 切换后主动播报当前项：焦点停在 slider 覆盖层上，aria 属性更新读屏不会自动重读，需主动触发
+  const announceIndex = index => {
+    const text = range[index] != null ? String(range[index]) : '';
+    if (!text) return;
+    const fn = Taro.accessibilityAnnounce;
+    if (typeof fn !== 'function') return;
+    fn({
+      announce: text,
+      delay: 300
+    });
+  };
+  const commitIndexByA11y = nextIndex => {
+    const clamped = clampIndex(nextIndex);
+    if (clamped === currentIndex) return;
+    isTouchingRef.current = false;
+    setCurrentIndex(clamped);
+    scrollToIndex(clamped, true);
+    commitDay(clamped);
+    announceIndex(clamped);
+  };
+  const handleAriaAction = e => {
+    var _a;
+    const actionName = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.actionName;
+    if (actionName === 'increment') {
+      commitIndexByA11y(currentIndex + 1);
+    } else if (actionName === 'decrement') {
+      commitIndexByA11y(currentIndex - 1);
+    }
+  };
+  // 无障碍 label：当前项值，仅 string 或 number（转 string）挂载，对象等其它类型不挂载
+  const currentValue = range[currentIndex];
+  const ariaLabel = typeof currentValue === 'string' ? currentValue : typeof currentValue === 'number' ? String(currentValue) : undefined;
+  // 渲染选项
+  const pickerItem = range.map((item, index) => {
+    return /*#__PURE__*/jsx(View, {
+      id: `picker-item-${columnId}-${index}`,
+      ariaHidden: true,
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
+      ...(enableClickItemScroll ? {
+        onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
+      } : {}),
+      style: {
+        height: PICKER_LINE_HEIGHT,
+        color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
+      },
+      children: item
+    }, index);
+  });
+  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-top-${idx}`)), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-bottom-${idx}`))];
+  const clickScrollViewProps = enableClickItemScroll ? {
+    scrollIntoView,
+    scrollIntoViewAlignment: 'center'
+  } : {};
+  return /*#__PURE__*/jsxs(View, {
+    className: "taro-picker__group",
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/jsx(View, {
+      className: "taro-picker__mask",
+      ariaHidden: true
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__indicator",
+      ariaHidden: true,
+      ...(indicatorStyle ? {
+        style: indicatorStyle
+      } : {})
+    }), /*#__PURE__*/jsx(ScrollView, {
+      ref: scrollViewRef,
+      scrollY: true,
+      showScrollbar: false,
+      className: "taro-picker__content",
+      ariaHidden: true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: 'no-hide-descendants',
+      style: {
+        height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
+      },
+      scrollTop: targetScrollTop,
+      ...clickScrollViewProps,
+      onScroll: handleScroll,
+      onTouchStart: () => {
+        isTouchingRef.current = true;
+      },
+      onScrollEnd: handleScrollEnd,
+      scrollWithAnimation: true,
+      children: realPickerItems
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__a11y-overlay",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        pointerEvents: 'none'
+      },
+      ariaRole: "slider",
+      ...(ariaLabel !== undefined ? {
+        ariaLabel
+      } : {}),
+      ariaAction: [{
+        name: 'increment',
+        label: 'increment'
+      }, {
+        name: 'decrement',
+        label: 'decrement'
+      }],
+      onAriaAction: handleAriaAction
+    })]
+  });
+}
+// 地区选择器实现
+function PickerGroupRegion(props) {
+  const {
+    range = [],
+    rangeKey,
+    columnId,
+    updateIndex,
+    selectedIndex = 0,
+    // 使用selectedIndex参数，默认为0
+    colors = {},
+    enableClickItemScroll = true
+  } = props;
+  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
+  const scrollViewRef = React.useRef(null);
+  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
+  const [scrollIntoView, scrollToItemId] = usePickerItemScrollIntoView();
+  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
+  const isTouchingRef = React.useRef(false);
+  // 程序化滚动标记：开屏/受控同步预设值时置 true，避免被 region 级联门误判为用户滚动而重置后续列
+  const syncScrollFromPropsRef = React.useRef(false);
+  const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
+  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
+  // 初始化时计算 lengthScaleRatio 并判定缩放模式
+  React.useEffect(() => {
+    Taro.getSystemInfo({
+      success: res => {
+        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
+        useMeasuredScaleRef.current = resolveUseMeasuredScale(res);
+        itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      },
+      fail: () => {
+        lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
+      }
+    });
+  }, []);
+  React.useEffect(() => {
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+  }, [range.length]); // 只在range长度变化时重新计算
+  // 滚动到指定索引（供程序化对齐与无障碍步进复用）
+  const scrollToIndex = React.useCallback(function (index) {
+    let withRandomOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const baseValue = index * itemHeightRef.current;
+    const randomOffset = withRandomOffset ? Math.random() * 0.001 : undefined;
+    setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
+  }, []);
+  // props 的 selectedIndex 变化：滚至对应项，并短时标记程序化滚动（避免级联门误判）
+  React.useEffect(() => {
+    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
+      syncScrollFromPropsRef.current = true;
+      scrollToIndex(selectedIndex);
+      setCurrentIndex(selectedIndex);
+      const tid = setTimeout(() => {
+        syncScrollFromPropsRef.current = false;
+      }, 400);
+      return () => clearTimeout(tid);
+    }
+  }, [selectedIndex, range, scrollToIndex]);
+  // 滚动静止后归中（debounce）
+  const isCenterTimerId = React.useRef(null);
+  const handleScrollEnd = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    // 100ms 内无新滚动则归中并提交索引
+    isCenterTimerId.current = setTimeout(() => {
+      if (!scrollViewRef.current) return;
+      const scrollTop = scrollViewRef.current.scrollTop;
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+      // 程序化滚动（受控同步预设值）不触发级联初始化，仅用户滚动才翻转初始化标志并重置后续列
+      const isUserScroll = !syncScrollFromPropsRef.current;
+      isTouchingRef.current = false;
+      scrollToIndex(newIndex, true);
+      updateIndex(newIndex, columnId, false, isUserScroll);
+      syncScrollFromPropsRef.current = false;
+      isCenterTimerId.current = null;
+    }, 100);
+  };
+  // 滚动中：按 scrollTop 更新高亮索引
+  const handleScroll = () => {
+    if (!scrollViewRef.current) return;
+    if (isCenterTimerId.current) {
+      clearTimeout(isCenterTimerId.current);
+      isCenterTimerId.current = null;
+    }
+    // 用户触摸滚动立即清程序化标志，使其 scrollEnd 被正确判为用户滚动（触发 region 级联）
+    if (isTouchingRef.current) {
+      syncScrollFromPropsRef.current = false;
+    }
+    const scrollTop = scrollViewRef.current.scrollTop;
+    const ih = itemHeightRef.current;
+    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    if (newIndex !== currentIndex) {
+      setCurrentIndex(newIndex);
+    }
+  };
+  // 无障碍：整列作单 slider，转子 increment/decrement 切相邻项
+  const clampIndex = index => Math.max(0, Math.min(index, range.length - 1));
+  // 切换后主动播报当前项：焦点停在 slider 覆盖层上，aria 属性更新读屏不会自动重读，需主动触发
+  const announceIndex = index => {
+    const item = range[index];
+    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+    const text = content != null ? String(content) : '';
+    if (!text) return;
+    const fn = Taro.accessibilityAnnounce;
+    if (typeof fn !== 'function') return;
+    fn({
+      announce: text,
+      delay: 300
+    });
+  };
+  const commitIndexByA11y = nextIndex => {
+    const clamped = clampIndex(nextIndex);
+    if (clamped === currentIndex) return;
+    isTouchingRef.current = false;
+    setCurrentIndex(clamped);
+    scrollToIndex(clamped, true);
+    updateIndex(clamped, columnId, false, true);
+    announceIndex(clamped);
+  };
+  const handleAriaAction = e => {
+    var _a;
+    const actionName = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.actionName;
+    if (actionName === 'increment') {
+      commitIndexByA11y(currentIndex + 1);
+    } else if (actionName === 'decrement') {
+      commitIndexByA11y(currentIndex - 1);
+    }
+  };
+  // 无障碍 label：当前项值（region 用 rangeKey 取显示值），仅 string 或 number 挂载
+  const currentItem = range[currentIndex];
+  const currentValue = rangeKey && currentItem && typeof currentItem === 'object' ? currentItem[rangeKey] : currentItem;
+  const ariaLabel = typeof currentValue === 'string' ? currentValue : typeof currentValue === 'number' ? String(currentValue) : undefined;
+  // 渲染选项
+  const pickerItem = range.map((item, index) => {
+    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
+    return /*#__PURE__*/jsx(View, {
+      id: `picker-item-${columnId}-${index}`,
+      ariaHidden: true,
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
+      ...(enableClickItemScroll ? {
+        onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
+      } : {}),
+      style: {
+        height: PICKER_LINE_HEIGHT,
+        color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
+      },
+      children: content
+    }, index);
+  });
+  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-top-${idx}`)), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => /*#__PURE__*/jsx(View, {
+    ariaHidden: true,
+    className: "taro-picker__item taro-picker__item--blank",
+    style: {
+      height: PICKER_LINE_HEIGHT
+    }
+  }, `blank-bottom-${idx}`))];
+  const clickScrollViewProps = enableClickItemScroll ? {
+    scrollIntoView,
+    scrollIntoViewAlignment: 'center'
+  } : {};
+  return /*#__PURE__*/jsxs(View, {
+    className: "taro-picker__group",
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/jsx(View, {
+      className: "taro-picker__mask",
+      ariaHidden: true
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__indicator",
+      ariaHidden: true,
+      ...(indicatorStyle ? {
+        style: indicatorStyle
+      } : {})
+    }), /*#__PURE__*/jsx(ScrollView, {
+      ref: scrollViewRef,
+      scrollY: true,
+      showScrollbar: false,
+      className: "taro-picker__content",
+      ariaHidden: true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: 'no-hide-descendants',
+      style: {
+        height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
+      },
+      scrollTop: targetScrollTop,
+      ...clickScrollViewProps,
+      onScroll: handleScroll,
+      onTouchStart: () => {
+        isTouchingRef.current = true;
+      },
+      onScrollEnd: handleScrollEnd,
+      scrollWithAnimation: true,
+      children: realPickerItems
+    }), /*#__PURE__*/jsx(View, {
+      className: "taro-picker__a11y-overlay",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        pointerEvents: 'none'
+      },
+      ariaRole: "slider",
+      ...(ariaLabel !== undefined ? {
+        ariaLabel
+      } : {}),
+      ariaAction: [{
+        name: 'increment',
+        label: 'increment'
+      }, {
+        name: 'decrement',
+        label: 'decrement'
+      }],
+      onAriaAction: handleAriaAction
+    })]
+  });
+}
+// 新版无障碍（slider 遮挡方案），根据 mode 自动分发
+function PickerGroupSlider(props) {
+  switch (props.mode) {
+    case 'time':
+      return /*#__PURE__*/jsx(PickerGroupTime, {
+        ...props
+      });
+    case 'date':
+      return /*#__PURE__*/jsx(PickerGroupDate, {
+        ...props
+      });
+    case 'region':
+      return /*#__PURE__*/jsx(PickerGroupRegion, {
+        ...props
+      });
+    default:
+      return /*#__PURE__*/jsx(PickerGroupBasic, {
+        ...props
+      });
+  }
+}
+
+export { PickerGroupBasic, PickerGroupDate, PickerGroupRegion, PickerGroupSlider, PickerGroupTime };
+//# sourceMappingURL=picker-group-slider.js.map