@tarojs/components-react 4.1.12-beta.4 → 4.1.12-beta.40

package/dist/components/map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/map/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React, { Children, useEffect, useState } from 'react'\nimport { MultiMarker, MultiPolyline, TMap } from 'tlbs-map-react'\n\nimport { createForwardRefComponent } from '../../utils'\nimport { logPrefix } from './common'\nimport { registerMapInstance, unregisterMapInstance } from './MapContext'\nimport MapCustomCallout from './MapCustomCallout'\n\nimport type { MapProps as TaroMapProps } from '@tarojs/components'\nimport type MapTypes from 'tmap-gl-types'\n\nexport interface MapProps extends Omit<TaroMapProps, 'onError'> {\n  forwardedRef?: React.MutableRefObject<any>\n  authKey?: string\n  onError?: (e: any) => void\n}\n\nfunction Map (props: MapProps) {\n  const {\n    forwardedRef,\n    id,\n    className,\n    style,\n    authKey,\n    longitude,\n    latitude,\n    scale,\n    minScale,\n    maxScale,\n    enableRotate,\n    rotate,\n    skew,\n    markers,\n    polyline,\n    onTap,\n    onAuthSuccess,\n    onError,\n  } = props\n  // eslint-disable-next-line no-console\n  console.log(logPrefix, 'props', props)\n\n  /** ************************处理 style********************** */\n  const styleObj = typeof style === 'string' || style === undefined ? {} : (style as Record<string, string>)\n\n  /** ************************处理 marker********************** */\n  const normalizedMarkers = markers ?? []\n  const markerStyles: Record<string, any> = {}\n  const markerGeometries: any[] = []\n\n  normalizedMarkers.forEach((m, index) => {\n    const markerId = String(m.id ?? index)\n    const styleId = `marker-${markerId}`\n\n    // Taro: iconPath (string)；tlbs-map-react: styles 中指定图标\n    // Taro: width, height (number|string)；tlbs-map-react: width, height\n    // Taro: rotate (number)；tlbs-map-react: rotation\n    // Taro: alpha (number 0-1)；tlbs-map-react: opacity (0-1)\n    // Taro: zIndex (number)；tlbs-map-react: zIndex\n\n    // 解析宽高，支持数字和字符串（如 '20px'）\n    const parseSize = (size: number | string | undefined): number => {\n      if (typeof size === 'number') return size\n      if (typeof size === 'string') {\n        const parsed = parseInt(size, 10)\n        return isNaN(parsed) ? 20 : parsed\n      }\n      return 20 // 默认宽度\n    }\n\n    const markerWidth = parseSize(m.width)\n    const markerHeight = parseSize(m.height)\n\n    // 宽高为 0 时跳过渲染（隐藏 marker，仅保留气泡）\n    if (markerWidth === 0 || markerHeight === 0) {\n      return\n    }\n\n    markerStyles[styleId] = {\n      width: markerWidth,\n      height: markerHeight,\n      anchor: { x: markerWidth / 2, y: markerHeight }, // 默认底部中心为锚点\n      ...(m.iconPath && { src: m.iconPath }),\n      ...(typeof m.rotate === 'number' && { rotation: m.rotate }),\n      ...(typeof m.alpha === 'number' && { opacity: m.alpha }),\n      ...(typeof m.zIndex === 'number' && { zIndex: m.zIndex }),\n    }\n\n    markerGeometries.push({\n      id: markerId,\n      styleId,\n      position: { lat: m.latitude, lng: m.longitude },\n    })\n  })\n\n  /** ************************处理 polyline********************** */\n  const normalizedPolylines = polyline ?? []\n  const polylineStyles: Record<string, any> = {}\n  const polylineGeometries: any[] = []\n\n  normalizedPolylines.forEach((line, lineIndex) => {\n    if (!line.points || line.points.length === 0) return\n\n    const styleId = `polyline-${lineIndex}`\n\n    // Taro: color (hex)；腾讯地图: color\n    // Taro: width (number)；腾讯地图: width\n    // Taro: dottedLine (boolean)；腾讯地图: dashArray ([10,10]虚线, [0,0]实线)\n    polylineStyles[styleId] = {\n      color: line.color || '#3777FF',\n      width: Math.round(line.width ?? 3), // 取整，tlbs-map-react 要求 width 为整数\n      // 虚线：[10, 10] 表示10像素实线 + 10像素空白；实线：[0, 0]\n      dashArray: line.dottedLine ? [10, 10] : [0, 0],\n    }\n\n    // Taro: points 是 {latitude, longitude}[] 数组\n    // tlbs-map-react: geometries 需要路径点数组\n    polylineGeometries.push({\n      id: String(lineIndex),\n      styleId,\n      paths: line.points.map((point) => ({\n        lat: point.latitude,\n        lng: point.longitude,\n      })),\n    })\n  })\n\n  /** ************************适配options参数********************** */\n  const hasCenter = typeof latitude === 'number' && typeof longitude === 'number'\n  const mergedOptions = {\n    ...(hasCenter ? { center: { lat: latitude, lng: longitude } } : {}),\n    zoom: scale ?? 13,\n    minZoom: minScale ?? 3,\n    maxZoom: maxScale ?? 20,\n    rotatable: enableRotate ?? false, // Taro: enableRotate；tlbs-map-react: options.rotatable\n    ...(typeof rotate === 'number' && { rotation: rotate }), // Taro: rotate；tlbs-map-react: options.rotation\n    ...(typeof skew === 'number' && { pitch: skew }), // Taro: skew；tlbs-map-react: options.pitch\n  }\n\n  /** ************************处理事件********************** */\n  // Taro: onTap；腾讯地图: click\n  // 腾讯地图事件返回: MapEvent { latLng: LatLng, point: {x, y}, type, target, originalEvent }\n  // Taro 事件格式: BaseEventOrig { type, timeStamp, target, currentTarget, detail, ... }\n  const handleMapClick = (e: MapTypes.MapEvent) => {\n    console.log(logPrefix, 'source click e:', e)\n    if (typeof onTap === 'function') {\n      onTap({\n        type: e.type,\n        timeStamp: Date.now(),\n        target: {\n          id: id || '',\n          tagName: 'map',\n          dataset: {},\n        },\n        currentTarget: {\n          id: id || '',\n          tagName: 'map',\n          dataset: {},\n        },\n        detail: {\n          latitude: e.latLng.lat,\n          longitude: e.latLng.lng,\n        },\n        preventDefault: () => {},\n        stopPropagation: () => {},\n      })\n    }\n  }\n\n  // 存储地图实例,用于 H5 端自定义气泡\n  const [mapInstance, setMapInstance] = useState<MapTypes.Map | null>(null)\n\n  // 地图初始化成功\n  const handleMapInited = (instance: MapTypes.Map) => {\n    console.log(logPrefix, '地图初始化成功', instance)\n    setMapInstance(instance)\n\n    // 注册地图实例到全局存储\n    if (id) {\n      registerMapInstance(id, instance)\n      console.log(logPrefix, '已注册地图实例到 MapContext, id:', id)\n    }\n\n    let settled = false\n    instance.on('tilesloaded', (_res) => { /** 瓦片加载完成,地图真正可用 */\n      // TODO: 临时先这么简单处理鉴权成功\n      if (!settled && typeof onAuthSuccess === 'function') {\n        settled = true\n        onAuthSuccess({\n          type: 'authsuccess',\n          timeStamp: Date.now(),\n          target: {\n            id: id || '',\n            tagName: 'map',\n            dataset: {},\n          },\n          currentTarget: {\n            id: id || '',\n            tagName: 'map',\n            dataset: {},\n          },\n          detail: {\n            errCode: 0,\n            errMsg: 'ok',\n          },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n        })\n      }\n    })\n    setTimeout(() => {\n      if (!settled && typeof onError === 'function') {\n        settled = true\n        onError({\n          type: 'error',\n          timeStamp: Date.now(),\n          target: {\n            id: id || '',\n            tagName: 'map',\n            dataset: {},\n          },\n          currentTarget: {\n            id: id || '',\n            tagName: 'map',\n            dataset: {},\n          },\n          detail: {\n            errCode: 1001,\n            errMsg: 'timeout',\n          },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n        })\n      }\n    }, 3000)\n  }\n\n  // 组件卸载时清理地图实例\n  useEffect(() => {\n    return () => {\n      if (id) {\n        unregisterMapInstance(id)\n        console.log(logPrefix, '已注销地图实例, id:', id)\n      }\n    }\n  }, [id])\n\n  return (\n    <TMap\n      id={id}\n      ref={forwardedRef}\n      className={className}\n      style={styleObj}\n      apiKey={authKey ?? ''}\n      options={mergedOptions}\n      onClick={handleMapClick}\n      onMapInited={handleMapInited}\n    >\n      {normalizedMarkers.length > 0 ? (\n        <MultiMarker id=\"taro-markers\" styles={markerStyles} geometries={markerGeometries} />\n      ) : null}\n      {polylineGeometries.length > 0 ? (\n        <MultiPolyline id=\"taro-polylines\" styles={polylineStyles} geometries={polylineGeometries} />\n      ) : null}\n\n      {/* H5 端:自动处理 slot=\"callout\" 的 CoverView */}\n      {process.env.TARO_ENV === 'h5' ? renderH5CustomCallouts() : props.children}\n    </TMap>\n  )\n\n  /**\n   * H5 端渲染自定义气泡\n   * 拦截 slot=\"callout\" 的 CoverView,转换为自定义 Overlay\n   */\n  function renderH5CustomCallouts() {\n    if (!mapInstance) return null\n\n    // 1. 遍历 props.children,找到 slot=\"callout\" 的 CoverView\n    const childrenArray = Children.toArray(props.children)\n    const calloutSlot = childrenArray.find((child: any) =>\n      React.isValidElement(child) && child.props?.slot === 'callout'\n    )\n\n    if (!calloutSlot || !React.isValidElement(calloutSlot)) {\n      return null\n    }\n\n    // 2. 遍历内层的 CoverView,提取 markerId 和内容\n    const innerCoverViews = Children.toArray(calloutSlot.props.children)\n\n    return innerCoverViews.map((child: any) => {\n      if (!React.isValidElement(child)) return null\n\n      const markerId = child.props?.markerId\n      if (!markerId) return null\n\n      // 3. 找到对应的 marker 信息\n      const marker = normalizedMarkers.find((m: any) => m.id === markerId)\n      if (!marker) {\n        console.warn(logPrefix, `未找到 markerId=${markerId} 对应的 marker`)\n        return null\n      }\n\n      // 4. 渲染自定义气泡\n      return (\n        <MapCustomCallout\n          key={markerId}\n          map={mapInstance}\n          markerId={markerId}\n          position={{ lat: marker.latitude, lng: marker.longitude }}\n          anchorX={marker.customCallout?.anchorX ?? 0}\n          anchorY={marker.customCallout?.anchorY ?? 0}\n          display={marker.customCallout?.display ?? 'ALWAYS'}\n          onCalloutTap={(id) => {\n            // 触发 onCalloutTap 事件\n            if (typeof props.onCalloutTap === 'function') {\n              props.onCalloutTap({\n                type: 'callouttap',\n                timeStamp: Date.now(),\n                target: {\n                  id: String(id) || '',\n                  tagName: 'callout',\n                  dataset: {},\n                },\n                currentTarget: {\n                  id: String(id) || '',\n                  tagName: 'callout',\n                  dataset: {},\n                },\n                detail: { markerId: id },\n                preventDefault: () => {},\n                stopPropagation: () => {},\n              })\n            }\n          }}\n        >\n          {child.props.children}\n        </MapCustomCallout>\n      )\n    })\n  }\n}\n\nexport default createForwardRefComponent(Map)\n\n/**\n * @deprecated 请使用 Taro.createMapContext 代替\n *\n * 此导出仅用于向后兼容，将在未来版本中移除。\n *\n * 推荐用法：\n * ```tsx\n * import Taro from '@tarojs/taro'\n *\n * const mapCtx = Taro.createMapContext('mapId')\n * ```\n */\nexport { createMapContext } from './createMapContext'\n"],"names":["Map","props","forwardedRef","id","className","style","authKey","longitude","latitude","scale","minScale","maxScale","enableRotate","rotate","skew","markers","polyline","onTap","onAuthSuccess","onError","console","log","logPrefix","styleObj","undefined","normalizedMarkers","markerStyles","markerGeometries","forEach","m","index","markerId","String","_a","styleId","parseSize","size","parsed","parseInt","isNaN","markerWidth","width","markerHeight","height","anchor","x","y","iconPath","src","rotation","alpha","opacity","zIndex","push","position","lat","lng","normalizedPolylines","polylineStyles","polylineGeometries","line","lineIndex","points","length","color","Math","round","dashArray","dottedLine","paths","map","point","hasCenter","mergedOptions","center","zoom","minZoom","maxZoom","rotatable","pitch","handleMapClick","e","type","timeStamp","Date","now","target","tagName","dataset","currentTarget","detail","latLng","preventDefault","stopPropagation","mapInstance","setMapInstance","useState","handleMapInited","instance","registerMapInstance","settled","on","_res","errCode","errMsg","setTimeout","useEffect","unregisterMapInstance","_jsxs","TMap","ref","apiKey","options","onClick","onMapInited","children","_jsx","MultiMarker","styles","geometries","MultiPolyline","process","env","TARO_ENV","renderH5CustomCallouts","childrenArray","Children","toArray","calloutSlot","find","child","React","isValidElement","slot","innerCoverViews","marker","warn","MapCustomCallout","anchorX","_c","_b","customCallout","anchorY","_e","_d","display","_g","_f","onCalloutTap","createForwardRefComponent"],"mappings":"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"}

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

@@ -12,6 +12,80 @@ const getIndicatorStyle = lineColor => {
     borderBottomColor: lineColor
   };
 };
+// 大屏方案版本要求
+const MIN_DESIGN_APP_VERSION = 16;
+const MIN_APP_VERSION = '15.7.0';
+// semver 版本比较
+const isAppVersionAtLeast = (version, min) => {
+  var _a, _b;
+  if (!version || typeof version !== 'string') return false;
+  const parts = v => {
+    const m = String(v).trim().match(/^(\d+)(?:\.(\d+))?(?:\.(\d+))?/);
+    if (!m) return [];
+    return [parseInt(m[1], 10) || 0, parseInt(m[2] || '0', 10) || 0, parseInt(m[3] || '0', 10) || 0];
+  };
+  const a = parts(version);
+  const b = parts(min);
+  if (a.length === 0) return false;
+  if (b.length === 0) return true;
+  for (let i = 0; i < Math.max(a.length, b.length); i++) {
+    const da = (_a = a[i]) !== null && _a !== void 0 ? _a : 0;
+    const db = (_b = b[i]) !== null && _b !== void 0 ? _b : 0;
+    if (da > db) return true;
+    if (da < db) return false;
+  }
+  return true;
+};
+// 读取 JDMobileConfig，异常时返回 undefined
+const tryGetMobileConfigSync = opt => {
+  var _a;
+  try {
+    const fn = (_a = Taro.JDMobileConfig) === null || _a === void 0 ? void 0 : _a.getMobileConfigSync;
+    if (typeof fn !== 'function') return undefined;
+    return fn(opt);
+  } catch (_b) {
+    return undefined;
+  }
+};
+// 判断是否启用测量值缩放适配（true=启用, false=使用系统侧缩放）
+const resolveUseMeasuredScale = res => {
+  // H5/weapp 不参与大屏系数
+  if (process.env.TARO_ENV === 'h5' || process.env.TARO_ENV === 'weapp') {
+    return false;
+  }
+  // 条件1: designAppVersion < 16，不满足则使用系统侧缩放
+  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;
+  }
+  // 条件2: appVersion < 15.7.0，不满足则使用系统侧缩放
+  if (!isAppVersionAtLeast(res.version, MIN_APP_VERSION)) {
+    return false;
+  }
+  // 条件3: 平台判断
+  const platform = String(res.platform || '').toLowerCase();
+  if (platform === 'harmony') {
+    return true;
+  }
+  if (platform === 'android') {
+    const raw = tryGetMobileConfigSync({
+      space: 'taro',
+      configName: 'config',
+      key: 'disableFixBoundingScaleRatio'
+    });
+    return raw !== 1 && raw !== '1';
+  }
+  if (platform === 'ios') {
+    const raw = tryGetMobileConfigSync({
+      space: 'Taro',
+      configName: 'excutor',
+      key: 'disableBoundingScaleRatio'
+    });
+    return raw !== 1 && raw !== '1';
+  }
+  return false;
+};
 // 辅助函数：计算 lengthScaleRatio
 const calculateLengthScaleRatio = res => {
   let lengthScaleRatio = res === null || res === void 0 ? void 0 : res.lengthScaleRatio;
@@ -50,6 +124,29 @@ const setTargetScrollTopWithScale = function (setTargetScrollTop, baseValue, ran
     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 = [],
@@ -70,35 +167,25 @@ function PickerGroupBasic(props) {
   // 触摸状态用于优化用户体验
   const [isTouching, setIsTouching] = React.useState(false);
   const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
   const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  // 初始化时计算 lengthScaleRatio
+  // 初始化时计算 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: () => {
-        // 失败时使用默认值 1
         lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
       }
     });
   }, []);
   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');
-      }
-    }
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
   }, [range.length]); // 只在range长度变化时重新计算
-  // 获取选中的索引
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
   // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
     if (scrollViewRef.current && range.length > 0 && !isTouching) {
@@ -120,7 +207,7 @@ function PickerGroupBasic(props) {
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
       setIsTouching(false);
       const baseValue = newIndex * itemHeightRef.current;
       const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
@@ -141,7 +228,7 @@ function PickerGroupBasic(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
+    const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
@@ -214,34 +301,25 @@ function PickerGroupTime(props) {
   const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
   const [isTouching, setIsTouching] = React.useState(false);
   const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
   const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  // 初始化时计算 lengthScaleRatio
+  // 初始化时计算 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: () => {
-        // 失败时使用默认值 1
         lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
       }
     });
   }, []);
   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');
-      }
-    }
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
   }, [range.length]); // 只在range长度变化时重新计算
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
   // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
     if (scrollViewRef.current && range.length > 0 && !isTouching) {
@@ -263,7 +341,7 @@ function PickerGroupTime(props) {
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
       setIsTouching(false);
       // 调用updateIndex执行限位逻辑，获取是否触发了限位
       const isLimited = Boolean(updateIndex(newIndex, columnId, true));
@@ -284,7 +362,7 @@ function PickerGroupTime(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
+    const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
@@ -355,34 +433,25 @@ function PickerGroupDate(props) {
   const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
   const [isTouching, setIsTouching] = React.useState(false);
   const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
   const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
-  // 初始化时计算 lengthScaleRatio
+  // 初始化时计算 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: () => {
-        // 失败时使用默认值 1
         lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
       }
     });
   }, []);
   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');
-      }
-    }
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
   }, [range.length]); // 只在range长度变化时重新计算
-  const getSelectedIndex = scrollTop => {
-    return Math.round(scrollTop / itemHeightRef.current);
-  };
   // 当selectedIndex变化时，调整滚动位置
   React.useEffect(() => {
     if (scrollViewRef.current && range.length > 0 && !isTouching) {
@@ -404,7 +473,7 @@ function PickerGroupDate(props) {
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
       setIsTouching(false);
       const baseValue = newIndex * itemHeightRef.current;
       const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
@@ -427,7 +496,7 @@ function PickerGroupDate(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
+    const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }
@@ -498,40 +567,31 @@ function PickerGroupRegion(props) {
   const [currentIndex, setCurrentIndex] = React.useState(selectedIndex);
   const [isTouching, setIsTouching] = React.useState(false);
   const lengthScaleRatioRef = React.useRef(1);
+  const useMeasuredScaleRef = React.useRef(false);
   const itemHeightRef = React.useRef(PICKER_LINE_HEIGHT);
   const isUserBeginScrollRef = React.useRef(false);
-  // 初始化时计算 lengthScaleRatio
+  // 初始化时计算 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: () => {
-        // 失败时使用默认值 1
         lengthScaleRatioRef.current = 1;
+        useMeasuredScaleRef.current = false;
       }
     });
   }, []);
   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');
-      }
-    }
+    itemHeightRef.current = calculateItemHeight(scrollViewRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
   }, [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);
+      setTargetScrollTopWithScale(setTargetScrollTop, baseValue, undefined, lengthScaleRatioRef.current);
       setCurrentIndex(selectedIndex);
     }
   }, [selectedIndex, range]);
@@ -547,7 +607,7 @@ function PickerGroupRegion(props) {
     isCenterTimerId.current = setTimeout(() => {
       if (!scrollViewRef.current) return;
       const scrollTop = scrollViewRef.current.scrollTop;
-      const newIndex = getSelectedIndex(scrollTop);
+      const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
       setIsTouching(false);
       const baseValue = newIndex * itemHeightRef.current;
       const randomOffset = Math.random() * 0.001; // 随机数为了在一个项内滚动时强制刷新
@@ -563,7 +623,7 @@ function PickerGroupRegion(props) {
       isCenterTimerId.current = null;
     }
     const scrollTop = scrollViewRef.current.scrollTop;
-    const newIndex = getSelectedIndex(scrollTop);
+    const newIndex = getSelectedIndex(scrollTop, itemHeightRef.current, lengthScaleRatioRef.current, useMeasuredScaleRef.current);
     if (newIndex !== currentIndex) {
       setCurrentIndex(newIndex);
     }