@tarojs/components-react 4.2.1-beta.1 → 4.2.1-beta.3

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

@@ -3,31 +3,6 @@ import { View, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import * as React from 'react';
 
-function requestAccessibilityFocusOnView(node) {
-  if (node == null) return;
-  const fn = Taro.setAccessibilityFocus;
-  if (typeof fn !== 'function') return;
-  fn({
-    viewRef: {
-      current: node
-    }
-  });
-}
-/** 部分端同 id 连续 scrollIntoView 不生效：先清空再在下一宏任务设回目标 id */
-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; // 可见行数
@@ -38,85 +13,42 @@ const getIndicatorStyle = 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;
+const setTargetScrollTopWithScale = (setTargetScrollTop, baseValue, randomOffset) => {
   // 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;
+  Taro.getSystemInfo({
+    success: 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;
+        }
+      }
+      const scaledValue = baseValue * lengthScaleRatio;
+      const finalValue = randomOffset !== undefined ? scaledValue + randomOffset : scaledValue;
+      setTargetScrollTop(finalValue);
+    },
+    fail: err => {
+      console.error('获取系统信息失败:', err);
+      // 失败时使用默认值 1
+      const finalValue = randomOffset !== undefined ? baseValue + randomOffset : baseValue;
+      setTargetScrollTop(finalValue);
+    }
+  });
 };
 function PickerGroupBasic(props) {
   const {
@@ -127,89 +59,66 @@ function PickerGroupBasic(props) {
     onColumnChange,
     selectedIndex = 0,
     // 使用selectedIndex参数，默认为0
-    colors = {},
-    enableClickItemScroll = true
+    colors = {}
   } = 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 itemRefs = React.useRef([]);
-  const selectedIndexPropRef = React.useRef(selectedIndex);
-  selectedIndexPropRef.current = selectedIndex;
-  const syncScrollFromPropsRef = React.useRef(false);
-  const pendingScrollSettleFocusRef = React.useRef(false);
   // 使用selectedIndex初始化当前索引
   const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
   // 触摸状态用于优化用户体验
-  const isTouchingRef = React.useRef(false);
-  const lengthScaleRatioRef = React.useRef(1);
-  const useMeasuredScaleRef = React.useRef(false);
+  const [isTouching, setIsTouching] = React.useState(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;
+    var _a;
+    if (process.env.TARO_PLATFORM !== 'harmony') {
+      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');
       }
-    });
-  }, []);
-  React.useEffect(() => {
-    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    }
   }, [range.length]); // 只在range长度变化时重新计算
-  // props 的 selectedIndex 变化：滚至对应项并短时标记程序化滚动（syncScrollFromPropsRef）
+  // 获取选中的索引
+  const getSelectedIndex = scrollTop => {
+    return Math.round(scrollTop / itemHeightRef.current);
+  };
+  // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
-      syncScrollFromPropsRef.current = true;
+    if (scrollViewRef.current && range.length > 0 && !isTouching) {
       const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue);
       setCurrentIndex(selectedIndex);
-      const tid = setTimeout(() => {
-        syncScrollFromPropsRef.current = false;
-      }, 400);
-      return () => clearTimeout(tid);
     }
   }, [selectedIndex, range]);
   // 是否处于归中状态
   const isCenterTimerId = React.useRef(null);
-  // 滚动静止后归中并同步选中
+  // 简化为直接在滚动结束时通知父组件
   const handleScrollEnd = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
       clearTimeout(isCenterTimerId.current);
       isCenterTimerId.current = null;
     }
-    // 100ms 内无新滚动则归中并提交索引
+    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-      const allowA11yFocus = !syncScrollFromPropsRef.current;
-      const shouldFocusOnScrollSettle = pendingScrollSettleFocusRef.current;
-      isTouchingRef.current = false;
+      const newIndex = getSelectedIndex(scrollTop);
+      setIsTouching(false);
       const baseValue = newIndex * itemHeightRef.current;
       const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset);
       updateIndex(newIndex, columnId);
       onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange({
         columnId,
         index: newIndex
       });
-      pendingScrollSettleFocusRef.current = false;
-      if (allowA11yFocus && shouldFocusOnScrollSettle) {
-        requestAccessibilityFocusOnView(itemRefs.current[newIndex]);
-      }
-      syncScrollFromPropsRef.current = false;
       isCenterTimerId.current = null;
     }, 100);
   };
-  // 滚动中：按 scrollTop 更新高亮索引
+  // 滚动处理 - 在滚动时计算索引然后更新选中项样式
   const handleScroll = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
@@ -217,17 +126,7 @@ function PickerGroupBasic(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const ih = itemHeightRef.current;
-    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-    const spi = selectedIndexPropRef.current;
-    if (newIndex !== spi) {
-      if (!syncScrollFromPropsRef.current || isTouchingRef.current) {
-        pendingScrollSettleFocusRef.current = true;
-      }
-      if (isTouchingRef.current) {
-        syncScrollFromPropsRef.current = false;
-      }
-    }
+    const newIndex = getSelectedIndex(scrollTop);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
@@ -235,14 +134,11 @@ function PickerGroupBasic(props) {
   // 渲染选项
   const pickerItem = range.map((item, index) => {
     const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
-    return createComponent(View, mergeProps({
+    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' : ''}`
-    }, enableClickItemScroll ? {
-      onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
-    } : {}, {
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
       get style() {
         return {
           height: PICKER_LINE_HEIGHT,
@@ -250,7 +146,7 @@ function PickerGroupBasic(props) {
         };
       },
       children: content
-    }));
+    });
   });
   const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
     key: `blank-top-${idx}`,
@@ -265,10 +161,6 @@ function PickerGroupBasic(props) {
       height: PICKER_LINE_HEIGHT
     }
   }))];
-  const clickScrollViewProps = enableClickItemScroll ? {
-    scrollIntoView,
-    scrollIntoViewAlignment: 'center'
-  } : {};
   return createComponent(View, {
     className: "taro-picker__group",
     get children() {
@@ -278,7 +170,7 @@ function PickerGroupBasic(props) {
         className: "taro-picker__indicator"
       }, indicatorStyle ? {
         style: indicatorStyle
-      } : {})), createComponent(ScrollView, mergeProps({
+      } : {})), createComponent(ScrollView, {
         ref: scrollViewRef,
         scrollY: true,
         showScrollbar: false,
@@ -286,16 +178,13 @@ function PickerGroupBasic(props) {
         style: {
           height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
         },
-        scrollTop: targetScrollTop
-      }, clickScrollViewProps, {
+        scrollTop: targetScrollTop,
         onScroll: handleScroll,
-        onTouchStart: () => {
-          isTouchingRef.current = true;
-        },
+        onTouchStart: () => setIsTouching(true),
         onScrollEnd: handleScrollEnd,
         scrollWithAnimation: true,
         children: realPickerItems
-      }))];
+      })];
     }
   });
 }
@@ -307,189 +196,63 @@ function PickerGroupTime(props) {
     columnId,
     updateIndex,
     selectedIndex = 0,
-    colors = {},
-    timeA11yLimitFocus,
-    onTimeA11yLimitFocusConsumed,
-    timeA11yLimitEventNonce,
-    enableClickItemScroll = true
+    colors = {}
   } = 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 itemRefs = React.useRef([]);
-  const selectedIndexPropRef = React.useRef(selectedIndex);
-  selectedIndexPropRef.current = selectedIndex;
-  const syncScrollFromPropsRef = React.useRef(false);
-  const prevLimitEventNonceRef = React.useRef(undefined);
-  const suppressScrollSettleFocusNonceRef = React.useRef(null);
-  const pendingScrollSettleFocusRef = React.useRef(false);
-  const pendingLimitFocusRef = React.useRef(null);
-  const limitFocusTimerRef = 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 [isTouching, setIsTouching] = React.useState(false);
   const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  const clearLimitFocusTimer = React.useCallback(() => {
-    if (limitFocusTimerRef.current) {
-      clearTimeout(limitFocusTimerRef.current);
-      limitFocusTimerRef.current = null;
-    }
-  }, []);
-  const tryFocusPendingLimit = React.useCallback(() => {
-    const pending = pendingLimitFocusRef.current;
-    const scrollView = scrollViewRef.current;
-    if (!pending || !scrollView) return;
-    const visualIndex = getSelectedIndex(scrollView.scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-    const isStable = visualIndex === pending.index;
-    if (!isStable) {
-      if (pending.attempts >= 20) {
-        pendingLimitFocusRef.current = null;
-        if (suppressScrollSettleFocusNonceRef.current === pending.nonce) {
-          suppressScrollSettleFocusNonceRef.current = null;
-        }
-        onTimeA11yLimitFocusConsumed === null || onTimeA11yLimitFocusConsumed === void 0 ? void 0 : onTimeA11yLimitFocusConsumed();
-        return;
-      }
-      pending.attempts += 1;
-      clearLimitFocusTimer();
-      limitFocusTimerRef.current = setTimeout(() => {
-        tryFocusPendingLimit();
-      }, 50);
-      return;
-    }
-    const node = itemRefs.current[pending.index];
-    pendingLimitFocusRef.current = null;
-    if (suppressScrollSettleFocusNonceRef.current === pending.nonce) {
-      suppressScrollSettleFocusNonceRef.current = null;
-    }
-    clearLimitFocusTimer();
-    requestAccessibilityFocusOnView(node);
-    onTimeA11yLimitFocusConsumed === null || onTimeA11yLimitFocusConsumed === void 0 ? void 0 : onTimeA11yLimitFocusConsumed();
-  }, [clearLimitFocusTimer, onTimeA11yLimitFocusConsumed]);
-  const schedulePendingLimitFocus = React.useCallback(() => {
-    if (!pendingLimitFocusRef.current) return;
-    clearLimitFocusTimer();
-    limitFocusTimerRef.current = setTimeout(() => {
-      tryFocusPendingLimit();
-    }, 100);
-  }, [clearLimitFocusTimer, tryFocusPendingLimit]);
-  React.useEffect(() => clearLimitFocusTimer, [clearLimitFocusTimer]);
-  // 初始化时计算 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;
+    var _a;
+    if (process.env.TARO_PLATFORM !== 'harmony') {
+      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');
       }
-    });
-  }, []);
-  React.useEffect(() => {
-    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    }
   }, [range.length]); // 只在range长度变化时重新计算
-  // props 的 selectedIndex 变化：滚至对应项并短时标记程序化滚动（syncScrollFromPropsRef）
+  const getSelectedIndex = scrollTop => {
+    return Math.round(scrollTop / itemHeightRef.current);
+  };
+  // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
-      syncScrollFromPropsRef.current = true;
+    if (scrollViewRef.current && range.length > 0 && !isTouching) {
       const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue);
       setCurrentIndex(selectedIndex);
-      const tid = setTimeout(() => {
-        syncScrollFromPropsRef.current = false;
-      }, 400);
-      return () => clearTimeout(tid);
     }
   }, [selectedIndex, range]);
-  // time 限位 nonce 变更：强制对齐 scrollTop（避免 remount 打断读屏焦点）
-  React.useEffect(() => {
-    if (!timeA11yLimitEventNonce) return;
-    if (!scrollViewRef.current || range.length === 0 || isTouchingRef.current) return;
-    syncScrollFromPropsRef.current = true;
-    const baseValue = selectedIndex * itemHeightRef.current;
-    setTargetScrollTopWithScale(setTargetScrollTop, baseValue, Math.random() * 0.001, lengthScaleRatioRef.current);
-    setCurrentIndex(selectedIndex);
-    const tid = setTimeout(() => {
-      syncScrollFromPropsRef.current = false;
-    }, 400);
-    return () => clearTimeout(tid);
-  }, [timeA11yLimitEventNonce]); // 仅依赖 nonce，其余用 ref
-  React.useLayoutEffect(() => {
-    if (timeA11yLimitEventNonce === undefined) return;
-    const prev = prevLimitEventNonceRef.current;
-    prevLimitEventNonceRef.current = timeA11yLimitEventNonce;
-    if (timeA11yLimitEventNonce > 0 && (prev === undefined || timeA11yLimitEventNonce > prev)) {
-      suppressScrollSettleFocusNonceRef.current = timeA11yLimitEventNonce;
-    }
-  }, [timeA11yLimitEventNonce]);
-  // 限位后登记本列待聚焦项，稳定后再 requestAccessibilityFocus
-  React.useEffect(() => {
-    const req = timeA11yLimitFocus;
-    if (!req || req.columnId !== columnId) return;
-    const idx = selectedIndex;
-    const nonce = req.nonce;
-    pendingScrollSettleFocusRef.current = false;
-    pendingLimitFocusRef.current = {
-      index: idx,
-      nonce,
-      attempts: 0
-    };
-    schedulePendingLimitFocus();
-  }, [timeA11yLimitFocus, columnId, selectedIndex, schedulePendingLimitFocus]);
   // 是否处于归中状态
   const isCenterTimerId = React.useRef(null);
-  // 滚动静止后归中并同步选中
+  // 简化为直接在滚动结束时通知父组件
   const handleScrollEnd = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
       clearTimeout(isCenterTimerId.current);
       isCenterTimerId.current = null;
     }
-    // 100ms 内无新滚动则归中并提交索引
+    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-      const allowA11yFocus = !syncScrollFromPropsRef.current;
-      const shouldFocusOnScrollSettle = pendingScrollSettleFocusRef.current;
-      isTouchingRef.current = false;
+      const newIndex = getSelectedIndex(scrollTop);
+      setIsTouching(false);
+      // 调用updateIndex执行限位逻辑，获取是否触发了限位
       const isLimited = Boolean(updateIndex(newIndex, columnId, true));
-      const hasPendingLimitFocus = pendingLimitFocusRef.current != null;
-      if (isLimited) {
-        pendingScrollSettleFocusRef.current = false;
-      }
+      // 如果没有触发限位，才执行归中逻辑
       if (!isLimited) {
         const baseValue = newIndex * itemHeightRef.current;
         const randomOffset = Math.random() * 0.001;
-        setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
-      }
-      if (!isLimited && hasPendingLimitFocus) {
-        pendingScrollSettleFocusRef.current = false;
-        schedulePendingLimitFocus();
-        syncScrollFromPropsRef.current = false;
-        isCenterTimerId.current = null;
-        return;
+        setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset);
       }
-      if (!isLimited && pendingLimitFocusRef.current == null && suppressScrollSettleFocusNonceRef.current != null) {
-        suppressScrollSettleFocusNonceRef.current = null;
-      }
-      const suppressByLimitNonce = suppressScrollSettleFocusNonceRef.current != null;
-      if (!isLimited && allowA11yFocus && shouldFocusOnScrollSettle) {
-        pendingScrollSettleFocusRef.current = false;
-        if (!suppressByLimitNonce) {
-          requestAccessibilityFocusOnView(itemRefs.current[newIndex]);
-        }
-      }
-      syncScrollFromPropsRef.current = false;
       isCenterTimerId.current = null;
     }, 100);
   };
-  // 滚动中：按 scrollTop 更新高亮索引
+  // 滚动处理
   const handleScroll = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
@@ -497,35 +260,19 @@ function PickerGroupTime(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const ih = itemHeightRef.current;
-    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-    const spi = selectedIndexPropRef.current;
-    if (newIndex !== spi) {
-      if (!syncScrollFromPropsRef.current || isTouchingRef.current) {
-        pendingScrollSettleFocusRef.current = true;
-      }
-      if (isTouchingRef.current) {
-        syncScrollFromPropsRef.current = false;
-      }
-    }
+    const newIndex = getSelectedIndex(scrollTop);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
-    if (pendingLimitFocusRef.current) {
-      schedulePendingLimitFocus();
-    }
   };
   // 渲染选项
   const pickerItem = range.map((item, index) => {
     const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
-    return createComponent(View, mergeProps({
+    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' : ''}`
-    }, enableClickItemScroll ? {
-      onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
-    } : {}, {
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
       get style() {
         return {
           height: PICKER_LINE_HEIGHT,
@@ -533,7 +280,7 @@ function PickerGroupTime(props) {
         };
       },
       children: content
-    }));
+    });
   });
   const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
     key: `blank-top-${idx}`,
@@ -548,10 +295,6 @@ function PickerGroupTime(props) {
       height: PICKER_LINE_HEIGHT
     }
   }))];
-  const clickScrollViewProps = enableClickItemScroll ? {
-    scrollIntoView,
-    scrollIntoViewAlignment: 'center'
-  } : {};
   return createComponent(View, {
     className: "taro-picker__group",
     get children() {
@@ -561,7 +304,7 @@ function PickerGroupTime(props) {
         className: "taro-picker__indicator"
       }, indicatorStyle ? {
         style: indicatorStyle
-      } : {})), createComponent(ScrollView, mergeProps({
+      } : {})), createComponent(ScrollView, {
         ref: scrollViewRef,
         scrollY: true,
         showScrollbar: false,
@@ -569,16 +312,13 @@ function PickerGroupTime(props) {
         style: {
           height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
         },
-        scrollTop: targetScrollTop
-      }, clickScrollViewProps, {
+        scrollTop: targetScrollTop,
         onScroll: handleScroll,
-        onTouchStart: () => {
-          isTouchingRef.current = true;
-        },
+        onTouchStart: () => setIsTouching(true),
         onScrollEnd: handleScrollEnd,
         scrollWithAnimation: true,
         children: realPickerItems
-      }))];
+      })];
     }
   });
 }
@@ -589,73 +329,53 @@ function PickerGroupDate(props) {
     columnId,
     updateDay,
     selectedIndex = 0,
-    colors = {},
-    enableClickItemScroll = true
+    colors = {}
   } = 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 itemRefs = React.useRef([]);
-  const selectedIndexPropRef = React.useRef(selectedIndex);
-  selectedIndexPropRef.current = selectedIndex;
-  const syncScrollFromPropsRef = React.useRef(false);
-  const pendingScrollSettleFocusRef = React.useRef(false);
   const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
-  const isTouchingRef = React.useRef(false);
-  const lengthScaleRatioRef = React.useRef(1);
-  const useMeasuredScaleRef = React.useRef(false);
+  const [isTouching, setIsTouching] = React.useState(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;
+    var _a;
+    if (process.env.TARO_PLATFORM !== 'harmony') {
+      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');
       }
-    });
-  }, []);
-  React.useEffect(() => {
-    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    }
   }, [range.length]); // 只在range长度变化时重新计算
-  // props 的 selectedIndex 变化：滚至对应项并短时标记程序化滚动（syncScrollFromPropsRef）
+  const getSelectedIndex = scrollTop => {
+    return Math.round(scrollTop / itemHeightRef.current);
+  };
+  // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
-      syncScrollFromPropsRef.current = true;
+    if (scrollViewRef.current && range.length > 0 && !isTouching) {
       const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue);
       setCurrentIndex(selectedIndex);
-      const tid = setTimeout(() => {
-        syncScrollFromPropsRef.current = false;
-      }, 400);
-      return () => clearTimeout(tid);
     }
   }, [selectedIndex, range]);
   // 是否处于归中状态
   const isCenterTimerId = React.useRef(null);
-  // 滚动静止后归中并同步选中
+  // 简化为直接在滚动结束时通知父组件
   const handleScrollEnd = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
       clearTimeout(isCenterTimerId.current);
       isCenterTimerId.current = null;
     }
-    // 100ms 内无新滚动则归中并提交索引
+    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-      const allowA11yFocus = !syncScrollFromPropsRef.current;
-      const shouldFocusOnScrollSettle = pendingScrollSettleFocusRef.current;
-      isTouchingRef.current = false;
+      const newIndex = getSelectedIndex(scrollTop);
+      setIsTouching(false);
       const baseValue = newIndex * itemHeightRef.current;
       const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset, lengthScaleRatioRef.current);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset);
       // 更新日期值
       if (updateDay) {
         // 解析文本中的数字（移除年、月、日等后缀）
@@ -663,15 +383,10 @@ function PickerGroupDate(props) {
         const numericValue = parseInt(valueText.replace(/[^0-9]/g, ''));
         updateDay(isNaN(numericValue) ? 0 : numericValue, parseInt(columnId));
       }
-      pendingScrollSettleFocusRef.current = false;
-      if (allowA11yFocus && shouldFocusOnScrollSettle) {
-        requestAccessibilityFocusOnView(itemRefs.current[newIndex]);
-      }
-      syncScrollFromPropsRef.current = false;
       isCenterTimerId.current = null;
     }, 100);
   };
-  // 滚动中：按 scrollTop 更新高亮索引
+  // 滚动处理
   const handleScroll = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
@@ -679,31 +394,17 @@ function PickerGroupDate(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const ih = itemHeightRef.current;
-    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-    const spi = selectedIndexPropRef.current;
-    if (newIndex !== spi) {
-      if (!syncScrollFromPropsRef.current || isTouchingRef.current) {
-        pendingScrollSettleFocusRef.current = true;
-      }
-      if (isTouchingRef.current) {
-        syncScrollFromPropsRef.current = false;
-      }
-    }
+    const newIndex = getSelectedIndex(scrollTop);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
   };
   // 渲染选项
   const pickerItem = range.map((item, index) => {
-    return createComponent(View, mergeProps({
+    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' : ''}`
-    }, enableClickItemScroll ? {
-      onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
-    } : {}, {
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
       get style() {
         return {
           height: PICKER_LINE_HEIGHT,
@@ -711,7 +412,7 @@ function PickerGroupDate(props) {
         };
       },
       children: item
-    }));
+    });
   });
   const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
     key: `blank-top-${idx}`,
@@ -726,10 +427,6 @@ function PickerGroupDate(props) {
       height: PICKER_LINE_HEIGHT
     }
   }))];
-  const clickScrollViewProps = enableClickItemScroll ? {
-    scrollIntoView,
-    scrollIntoViewAlignment: 'center'
-  } : {};
   return createComponent(View, {
     className: "taro-picker__group",
     get children() {
@@ -739,7 +436,7 @@ function PickerGroupDate(props) {
         className: "taro-picker__indicator"
       }, indicatorStyle ? {
         style: indicatorStyle
-      } : {})), createComponent(ScrollView, mergeProps({
+      } : {})), createComponent(ScrollView, {
         ref: scrollViewRef,
         scrollY: true,
         showScrollbar: false,
@@ -747,16 +444,13 @@ function PickerGroupDate(props) {
         style: {
           height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
         },
-        scrollTop: targetScrollTop
-      }, clickScrollViewProps, {
+        scrollTop: targetScrollTop,
         onScroll: handleScroll,
-        onTouchStart: () => {
-          isTouchingRef.current = true;
-        },
+        onTouchStart: () => setIsTouching(true),
         onScrollEnd: handleScrollEnd,
         scrollWithAnimation: true,
         children: realPickerItems
-      }))];
+      })];
     }
   });
 }
@@ -769,54 +463,37 @@ function PickerGroupRegion(props) {
     updateIndex,
     selectedIndex = 0,
     // 使用selectedIndex参数，默认为0
-    colors = {},
-    enableClickItemScroll = true
+    colors = {}
   } = 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);
-  const lengthScaleRatioRef = React.useRef(1);
-  const useMeasuredScaleRef = React.useRef(false);
+  const [isTouching, setIsTouching] = React.useState(false);
   const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  const itemRefs = React.useRef([]);
-  const selectedIndexPropRef = React.useRef(selectedIndex);
-  selectedIndexPropRef.current = selectedIndex;
-  const syncScrollFromPropsRef = React.useRef(false);
-  const pendingScrollSettleFocusRef = React.useRef(false);
-  // 初始化时计算 lengthScaleRatio 并判定缩放模式
+  const isUserBeginScrollRef = React.useRef(false);
   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;
+    var _a;
+    if (process.env.TARO_PLATFORM !== 'harmony') {
+      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');
       }
-    });
-  }, []);
-  React.useEffect(() => {
-    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
+    }
   }, [range.length]); // 只在range长度变化时重新计算
-  // props 的 selectedIndex 变化：滚至对应项并短时标记程序化滚动（syncScrollFromPropsRef）
+  const getSelectedIndex = scrollTop => {
+    return Math.round(scrollTop / itemHeightRef.current);
+  };
+  // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
-    if (scrollViewRef.current && range.length > 0 && !isTouchingRef.current) {
-      syncScrollFromPropsRef.current = true;
+    if (scrollViewRef.current && range.length > 0 && !isTouching) {
       const baseValue = selectedIndex * itemHeightRef.current;
-      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue);
       setCurrentIndex(selectedIndex);
-      const tid = setTimeout(() => {
-        syncScrollFromPropsRef.current = false;
-      }, 400);
-      return () => clearTimeout(tid);
     }
   }, [selectedIndex, range]);
-  // 滚动静止后归中（debounce）
+  // 滚动结束处理
   const isCenterTimerId = React.useRef(null);
   const handleScrollEnd = () => {
     if (!scrollViewRef.current) return;
@@ -824,27 +501,19 @@ function PickerGroupRegion(props) {
       clearTimeout(isCenterTimerId.current);
       isCenterTimerId.current = null;
     }
-    // 100ms 内无新滚动则归中并提交索引
+    // 做一个0.1s延时  0.1s之内没有新的滑动 则把选项归到中间 然后更新选中项
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-      const allowA11yFocus = !syncScrollFromPropsRef.current;
-      const shouldFocusOnScrollSettle = pendingScrollSettleFocusRef.current;
-      isTouchingRef.current = false;
+      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, allowA11yFocus);
-      pendingScrollSettleFocusRef.current = false;
-      if (allowA11yFocus && shouldFocusOnScrollSettle) {
-        requestAccessibilityFocusOnView(itemRefs.current[newIndex]);
-      }
-      syncScrollFromPropsRef.current = false;
-      isCenterTimerId.current = null;
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, randomOffset);
+      updateIndex(newIndex, columnId, false, isUserBeginScrollRef.current);
     }, 100);
   };
-  // 滚动中：按 scrollTop 更新高亮索引
+  // 滚动处理 - 在滚动时计算索引
   const handleScroll = () => {
     if (!scrollViewRef.current) return;
     if (isCenterTimerId.current) {
@@ -852,17 +521,7 @@ function PickerGroupRegion(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const ih = itemHeightRef.current;
-    const newIndex = getSelectedIndex(scrollTop, ih, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
-    const spi = selectedIndexPropRef.current;
-    if (newIndex !== spi) {
-      if (!syncScrollFromPropsRef.current || isTouchingRef.current) {
-        pendingScrollSettleFocusRef.current = true;
-      }
-      if (isTouchingRef.current) {
-        syncScrollFromPropsRef.current = false;
-      }
-    }
+    const newIndex = getSelectedIndex(scrollTop);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
@@ -870,14 +529,10 @@ function PickerGroupRegion(props) {
   // 渲染选项
   const pickerItem = range.map((item, index) => {
     const content = rangeKey && item && typeof item === 'object' ? item[rangeKey] : item;
-    return createComponent(View, mergeProps({
+    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' : ''}`
-    }, enableClickItemScroll ? {
-      onClick: () => scrollToItemId(`picker-item-${columnId}-${index}`)
-    } : {}, {
+      className: `taro-picker__item${index === currentIndex ? ' taro-picker__item--selected' : ''}`,
       get style() {
         return {
           height: PICKER_LINE_HEIGHT,
@@ -885,7 +540,7 @@ function PickerGroupRegion(props) {
         };
       },
       children: content
-    }));
+    });
   });
   const realPickerItems = [...new Array(PICKER_BLANK_ITEMS).fill(null).map((_, idx) => createComponent(View, {
     key: `blank-top-${idx}`,
@@ -900,10 +555,6 @@ function PickerGroupRegion(props) {
       height: PICKER_LINE_HEIGHT
     }
   }))];
-  const clickScrollViewProps = enableClickItemScroll ? {
-    scrollIntoView,
-    scrollIntoViewAlignment: 'center'
-  } : {};
   return createComponent(View, {
     className: "taro-picker__group",
     get children() {
@@ -913,7 +564,7 @@ function PickerGroupRegion(props) {
         className: "taro-picker__indicator"
       }, indicatorStyle ? {
         style: indicatorStyle
-      } : {})), createComponent(ScrollView, mergeProps({
+      } : {})), createComponent(ScrollView, {
         ref: scrollViewRef,
         scrollY: true,
         showScrollbar: false,
@@ -921,16 +572,16 @@ function PickerGroupRegion(props) {
         style: {
           height: PICKER_LINE_HEIGHT * PICKER_VISIBLE_ITEMS
         },
-        scrollTop: targetScrollTop
-      }, clickScrollViewProps, {
+        scrollTop: targetScrollTop,
         onScroll: handleScroll,
         onTouchStart: () => {
-          isTouchingRef.current = true;
+          setIsTouching(true);
+          isUserBeginScrollRef.current = true;
         },
         onScrollEnd: handleScrollEnd,
         scrollWithAnimation: true,
         children: realPickerItems
-      }))];
+      })];
     }
   });
 }