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

package/dist/solid/components/picker/picker-group.js

@@ -1,664 +1,43 @@
-import { createComponent, mergeProps } from 'solid-js/web';
-import { View, ScrollView } from '@tarojs/components';
+import { createComponent } from 'solid-js/web';
 import Taro from '@tarojs/taro';
-import * as React from 'react';
+import 'react';
+import { PickerGroupLegacy } from './picker-group-legacy.js';
+import { PickerGroupSlider } from './picker-group-slider.js';
+export { PickerGroupBasic, PickerGroupDate, PickerGroupRegion, PickerGroupTime } from './picker-group-slider.js';
 
-// 定义常量
-const PICKER_LINE_HEIGHT = 34; // px
-const PICKER_VISIBLE_ITEMS = 7; // 可见行数
-const PICKER_BLANK_ITEMS = 3; // 空白行数
-const getIndicatorStyle = lineColor => {
-  return {
-    borderTopColor: lineColor,
-    borderBottomColor: lineColor
-  };
-};
-// 辅助函数：计算 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;
-    }
+// 启用新版无障碍（slider 遮挡方案）所需的最低 app 版本；低于此版本回退旧版逐项聚焦方案
+const MIN_A11Y_APP_VERSION = '15.9.50';
+// 逐段比较版本号：v1 > v2 返回 1，v1 < v2 返回 -1，相等返回 0（缺失段按 0 处理）
+function compareVersion(v1, v2) {
+  const a = String(v1).split('.');
+  const b = String(v2).split('.');
+  const len = Math.max(a.length, b.length);
+  for (let i = 0; i < len; i++) {
+    const n1 = parseInt(a[i], 10) || 0;
+    const n2 = parseInt(b[i], 10) || 0;
+    if (n1 > n2) return 1;
+    if (n1 < n2) return -1;
   }
-  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);
-  }
-};
-function PickerGroupBasic(props) {
-  const {
-    range = [],
-    rangeKey,
-    columnId,
-    updateIndex,
-    onColumnChange,
-    selectedIndex = 0,
-    // 使用selectedIndex参数，默认为0
-    colors = {}
-  } = props;
-  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
-  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
-  const scrollViewRef = React.useRef(null);
-  const itemRefs = React.useRef([]);
-  // 使用selectedIndex初始化当前索引
-  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
-  // 触摸状态用于优化用户体验
-  const [isTouching, setIsTouching] = React.useState(false);
-  const lengthScaleRatioRef = React.useRef(1);
-  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  // 初始化时计算 lengthScaleRatio
-  React.useEffect(() => {
-    Taro.getSystemInfo({
-      success: res => {
-        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
-      },
-      fail: () => {
-        // 失败时使用默认值 1
-        lengthScaleRatioRef.current = 1;
-      }
-    });
-  }, []);
-  React.useEffect(() => {
-    var _a;
-    if (process.env.TARO_PLATFORM === 'harmony') {
-      itemHeightRef.current = PICKER_LINE_HEIGHT * lengthScaleRatioRef.current;
-    } else {
-      if (scrollViewRef.current && ((_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight)) {
-        itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length;
-      } else {
-        console.warn('Height measurement anomaly');
-      }
-    }
-  }, [range.length]); // 只在range长度变化时重新计算
-  // 获取选中的索引
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
-  // 当selectedIndex变化时，调整滚动位置
-  React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouching) {
-      const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
-      setCurrentIndex(selectedIndex);
-    }
-  }, [selectedIndex, range]);
-  // 是否处于归中状态
-  const isCenterTimerId = React.useRef(null);
-  // 简化为直接在滚动结束时通知父组件
-  const handleScrollEnd = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
-    isCenterTimerId.current = setTimeout(() => {
-      if (!scrollViewRef.current) return;
-      const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
-      setIsTouching(false);
-      const baseValue = newIndex * itemHeightRef.current;
-      const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
-      updateIndex(newIndex, columnId);
-      onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange({
-        columnId,
-        index: newIndex
-      });
-      isCenterTimerId.current = null;
-    }, 100);
-  };
-  // 滚动处理 - 在滚动时计算索引然后更新选中项样式
-  const handleScroll = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
-    if (newIndex !== currentIndex) {
-      setCurrentIndex(newIndex);
-    }
-  };
-  // 渲染选项
-  const pickerItem = range.map((item, index) => {
-    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
-    return createComponent(View, {
-      id: `picker-item-${columnId}-${index}`,
-      key: index,
-      ref: el => itemRefs.current[index] = el,
-      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
-      get style() {
-        return {
-          height: PICKER_LINE_HEIGHT,
-          color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
-        };
-      },
-      children: content
-    });
-  });
-  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-top-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  })), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-bottom-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  }))];
-  return createComponent(View, {
-    className: "taro-picker__group",
-    get children() {
-      return [createComponent(View, {
-        className: "taro-picker__mask"
-      }), createComponent(View, mergeProps({
-        className: "taro-picker__indicator"
-      }, indicatorStyle ? {
-        style: indicatorStyle
-      } : {})), createComponent(ScrollView, {
-        ref: scrollViewRef,
-        scrollY: true,
-        showScrollbar: false,
-        className: "taro-picker__content",
-        style: {
-          height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
-        },
-        scrollTop: targetScrollTop,
-        onScroll: handleScroll,
-        onTouchStart: () => setIsTouching(true),
-        onScrollEnd: handleScrollEnd,
-        scrollWithAnimation: true,
-        children: realPickerItems
-      })];
-    }
-  });
-}
-// 时间选择器实现
-function PickerGroupTime(props) {
-  const {
-    range = [],
-    rangeKey,
-    columnId,
-    updateIndex,
-    selectedIndex = 0,
-    colors = {}
-  } = props;
-  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
-  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
-  const scrollViewRef = React.useRef(null);
-  const itemRefs = React.useRef([]);
-  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
-  const [isTouching, setIsTouching] = React.useState(false);
-  const lengthScaleRatioRef = React.useRef(1);
-  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  // 初始化时计算 lengthScaleRatio
-  React.useEffect(() => {
-    Taro.getSystemInfo({
-      success: res => {
-        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
-      },
-      fail: () => {
-        // 失败时使用默认值 1
-        lengthScaleRatioRef.current = 1;
-      }
-    });
-  }, []);
-  React.useEffect(() => {
-    var _a;
-    if (process.env.TARO_PLATFORM === 'harmony') {
-      itemHeightRef.current = PICKER_LINE_HEIGHT * lengthScaleRatioRef.current;
-    } else {
-      if (scrollViewRef.current && ((_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight)) {
-        itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length;
-      } else {
-        console.warn('Height measurement anomaly');
-      }
-    }
-  }, [range.length]); // 只在range长度变化时重新计算
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
-  // 当selectedIndex变化时，调整滚动位置
-  React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouching) {
-      const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
-      setCurrentIndex(selectedIndex);
-    }
-  }, [selectedIndex, range]);
-  // 是否处于归中状态
-  const isCenterTimerId = React.useRef(null);
-  // 简化为直接在滚动结束时通知父组件
-  const handleScrollEnd = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
-    isCenterTimerId.current = setTimeout(() => {
-      if (!scrollViewRef.current) return;
-      const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
-      setIsTouching(false);
-      // 调用updateIndex执行限位逻辑，获取是否触发了限位
-      const isLimited = Boolean(updateIndex(newIndex, columnId, true));
-      // 如果没有触发限位，才执行归中逻辑
-      if (!isLimited) {
-        const baseValue = newIndex * itemHeightRef.current;
-        const randomOffset = Math.random() * 0.001;
-        setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
-      }
-      isCenterTimerId.current = null;
-    }, 100);
-  };
-  // 滚动处理
-  const handleScroll = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
-    if (newIndex !== currentIndex) {
-      setCurrentIndex(newIndex);
-    }
-  };
-  // 渲染选项
-  const pickerItem = range.map((item, index) => {
-    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
-    return createComponent(View, {
-      id: `picker-item-${columnId}-${index}`,
-      key: index,
-      ref: el => itemRefs.current[index] = el,
-      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
-      get style() {
-        return {
-          height: PICKER_LINE_HEIGHT,
-          color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
-        };
-      },
-      children: content
-    });
-  });
-  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-top-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  })), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-bottom-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  }))];
-  return createComponent(View, {
-    className: "taro-picker__group",
-    get children() {
-      return [createComponent(View, {
-        className: "taro-picker__mask"
-      }), createComponent(View, mergeProps({
-        className: "taro-picker__indicator"
-      }, indicatorStyle ? {
-        style: indicatorStyle
-      } : {})), createComponent(ScrollView, {
-        ref: scrollViewRef,
-        scrollY: true,
-        showScrollbar: false,
-        className: "taro-picker__content",
-        style: {
-          height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
-        },
-        scrollTop: targetScrollTop,
-        onScroll: handleScroll,
-        onTouchStart: () => setIsTouching(true),
-        onScrollEnd: handleScrollEnd,
-        scrollWithAnimation: true,
-        children: realPickerItems
-      })];
-    }
-  });
+  return 0;
 }
-// 日期选择器实现
-function PickerGroupDate(props) {
-  const {
-    range = [],
-    columnId,
-    updateDay,
-    selectedIndex = 0,
-    colors = {}
-  } = props;
-  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
-  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
-  const scrollViewRef = React.useRef(null);
-  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
-  const [isTouching, setIsTouching] = React.useState(false);
-  const lengthScaleRatioRef = React.useRef(1);
-  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  // 初始化时计算 lengthScaleRatio
-  React.useEffect(() => {
-    Taro.getSystemInfo({
-      success: res => {
-        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
-      },
-      fail: () => {
-        // 失败时使用默认值 1
-        lengthScaleRatioRef.current = 1;
-      }
-    });
-  }, []);
-  React.useEffect(() => {
-    var _a;
-    if (process.env.TARO_PLATFORM === 'harmony') {
-      itemHeightRef.current = PICKER_LINE_HEIGHT * lengthScaleRatioRef.current;
-    } else {
-      if (scrollViewRef.current && ((_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight)) {
-        itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length;
-      } else {
-        console.warn('Height measurement anomaly');
-      }
-    }
-  }, [range.length]); // 只在range长度变化时重新计算
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
-  // 当selectedIndex变化时，调整滚动位置
-  React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouching) {
-      const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
-      setCurrentIndex(selectedIndex);
-    }
-  }, [selectedIndex, range]);
-  // 是否处于归中状态
-  const isCenterTimerId = React.useRef(null);
-  // 简化为直接在滚动结束时通知父组件
-  const handleScrollEnd = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
-    isCenterTimerId.current = setTimeout(() => {
-      if (!scrollViewRef.current) return;
-      const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
-      setIsTouching(false);
-      const baseValue = newIndex * itemHeightRef.current;
-      const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
-      // 更新日期值
-      if (updateDay) {
-        // 解析文本中的数字（移除年、月、日等后缀）
-        const valueText = range[newIndex] || '';
-        const numericValue = parseInt(valueText.replace(/[^0-9]/g, ''));
-        updateDay(isNaN(numericValue) ? 0 : numericValue, parseInt(columnId));
-      }
-      isCenterTimerId.current = null;
-    }, 100);
-  };
-  // 滚动处理
-  const handleScroll = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
-    if (newIndex !== currentIndex) {
-      setCurrentIndex(newIndex);
-    }
-  };
-  // 渲染选项
-  const pickerItem = range.map((item, index) => {
-    return createComponent(View, {
-      id: `picker-item-${columnId}-${index}`,
-      key: index,
-      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
-      get style() {
-        return {
-          height: PICKER_LINE_HEIGHT,
-          color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
-        };
-      },
-      children: item
-    });
-  });
-  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-top-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  })), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-bottom-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  }))];
-  return createComponent(View, {
-    className: "taro-picker__group",
-    get children() {
-      return [createComponent(View, {
-        className: "taro-picker__mask"
-      }), createComponent(View, mergeProps({
-        className: "taro-picker__indicator"
-      }, indicatorStyle ? {
-        style: indicatorStyle
-      } : {})), createComponent(ScrollView, {
-        ref: scrollViewRef,
-        scrollY: true,
-        showScrollbar: false,
-        className: "taro-picker__content",
-        style: {
-          height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
-        },
-        scrollTop: targetScrollTop,
-        onScroll: handleScroll,
-        onTouchStart: () => setIsTouching(true),
-        onScrollEnd: handleScrollEnd,
-        scrollWithAnimation: true,
-        children: realPickerItems
-      })];
-    }
-  });
-}
-// 地区选择器实现
-function PickerGroupRegion(props) {
-  const {
-    range = [],
-    rangeKey,
-    columnId,
-    updateIndex,
-    selectedIndex = 0,
-    // 使用selectedIndex参数，默认为0
-    colors = {}
-  } = props;
-  const indicatorStyle = colors.lineColor ? getIndicatorStyle(colors.lineColor) : null;
-  const scrollViewRef = React.useRef(null);
-  const [targetScrollTop, setTargetScrollTop] = React.useState(0);
-  const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
-  const [isTouching, setIsTouching] = React.useState(false);
-  const lengthScaleRatioRef = React.useRef(1);
-  const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  const isUserBeginScrollRef = React.useRef(false);
-  // 初始化时计算 lengthScaleRatio
-  React.useEffect(() => {
-    Taro.getSystemInfo({
-      success: res => {
-        lengthScaleRatioRef.current = calculateLengthScaleRatio(res);
-      },
-      fail: () => {
-        // 失败时使用默认值 1
-        lengthScaleRatioRef.current = 1;
-      }
-    });
-  }, []);
-  React.useEffect(() => {
-    var _a;
-    if (process.env.TARO_PLATFORM === 'harmony') {
-      itemHeightRef.current = PICKER_LINE_HEIGHT * lengthScaleRatioRef.current;
-    } else {
-      if (scrollViewRef.current && ((_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight)) {
-        itemHeightRef.current = scrollViewRef.current.scrollHeight / scrollViewRef.current.childNodes.length;
-      } else {
-        console.warn('Height measurement anomaly');
-      }
-    }
-  }, [range.length]); // 只在range长度变化时重新计算
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
-  // 当selectedIndex变化时，调整滚动位置
-  React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouching) {
-      const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue);
-      setCurrentIndex(selectedIndex);
-    }
-  }, [selectedIndex, range]);
-  // 滚动结束处理
-  const isCenterTimerId = React.useRef(null);
-  const handleScrollEnd = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
-    isCenterTimerId.current = setTimeout(() => {
-      if (!scrollViewRef.current) return;
-      const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
-      setIsTouching(false);
-      const baseValue = newIndex * itemHeightRef.current;
-      const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
-      updateIndex(newIndex, columnId, false, isUserBeginScrollRef.current);
-    }, 100);
-  };
-  // 滚动处理 - 在滚动时计算索引
-  const handleScroll = () => {
-    if (!scrollViewRef.current) return;
-    if (isCenterTimerId.current) {
-      clearTimeout(isCenterTimerId.current);
-      isCenterTimerId.current = null;
-    }
-    const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
-    if (newIndex !== currentIndex) {
-      setCurrentIndex(newIndex);
-    }
-  };
-  // 渲染选项
-  const pickerItem = range.map((item, index) => {
-    const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
-    return createComponent(View, {
-      id: `picker-item-${columnId}-${index}`,
-      key: index,
-      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
-      get style() {
-        return {
-          height: PICKER_LINE_HEIGHT,
-          color: index === currentIndex ? colors.itemSelectedColor || undefined : colors.itemDefaultColor || undefined
-        };
-      },
-      children: content
-    });
-  });
-  const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-top-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  })), ...pickerItem, ...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
-    key: `blank-bottom-${idx}`,
-    className: "taro-picker__item taro-picker__item--blank",
-    style: {
-      height: PICKER_LINE_HEIGHT
-    }
-  }))];
-  return createComponent(View, {
-    className: "taro-picker__group",
-    get children() {
-      return [createComponent(View, {
-        className: "taro-picker__mask"
-      }), createComponent(View, mergeProps({
-        className: "taro-picker__indicator"
-      }, indicatorStyle ? {
-        style: indicatorStyle
-      } : {})), createComponent(ScrollView, {
-        ref: scrollViewRef,
-        scrollY: true,
-        showScrollbar: false,
-        className: "taro-picker__content",
-        style: {
-          height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
-        },
-        scrollTop: targetScrollTop,
-        onScroll: handleScroll,
-        onTouchStart: () => {
-          setIsTouching(true);
-          isUserBeginScrollRef.current = true;
-        },
-        onScrollEnd: handleScrollEnd,
-        scrollWithAnimation: true,
-        children: realPickerItems
-      })];
-    }
-  });
+// 读取运行环境判定是否启用新版无障碍：须同时满足 dynamic 模式 且 app 版本 >= 15.9.50；任一不满足或取不到版本时保守回退旧版（线上稳定实现）
+function resolveUseSliderA11y() {
+  // 仅 dynamic 模式启用新版无障碍
+  if (process.env.TARO_ENV !== 'dynamic') return false;
+  try {
+    const version = Taro.getSystemInfoSync().version || '';
+    if (!version) return false;
+    return compareVersion(version, MIN_A11Y_APP_VERSION) >= 0;
+  } catch (_a) {
+    return false;
+  }
 }
-// 默认导出，根据 mode 自动分发
+// 默认导出：按 app 版本整体分发到新版（slider）或旧版（legacy）无障碍实现
 function PickerGroup(props) {
-  switch (props.mode) {
-    case 'time':
-      return createComponent(PickerGroupTime, props);
-    case 'date':
-      return createComponent(PickerGroupDate, props);
-    case 'region':
-      return createComponent(PickerGroupRegion, props);
-    default:
-      return createComponent(PickerGroupBasic, props);
-  }
+  // 在组件渲染时判定（此时 Taro runtime 已就绪，避免模块加载期 API 未初始化）
+  const useSliderA11y = resolveUseSliderA11y();
+  return useSliderA11y ? createComponent(PickerGroupSlider, props) : createComponent(PickerGroupLegacy, props);
 }
 
-export { PickerGroup, PickerGroupBasic, PickerGroupDate, PickerGroupRegion, PickerGroupTime };
+export { PickerGroup };
 //# sourceMappingURL=picker-group.js.map