fix(pickerview): 解决小程序获取高度计算错误 (#3120)

* feat(pickerview): 选中值增加class类名用于自定义样式

* feat(pickerview): 选中值增加class类名用于自定义样式

* fix: remove console

* chore: add types alias

* test: update snap

* feat: 小程序支持自定义列表行高

* fix: update test

* fix: cr修改

* fix(pickerciew): 解决小程序获取高度计算错误

---------

Co-authored-by: oasis <[email protected]>

Author: irisSong

src/packages/pickerview/pickerroller.taro.tsx

@@ -44,6 +44,7 @@ const InternalPickerRoller: ForwardRefRenderFunction<
   const isMoving = useRef(false)
   const rollerRef = useRef<any>(null)
   const pickerRollerRef = useRef<any>(null)
+  const placeholderRef = useRef(null)
   const [startTime, setStartTime] = useState(0)
   const [startY, setStartY] = useState(0)
   const transformY = useRef(0)
@@ -157,7 +158,7 @@ const InternalPickerRoller: ForwardRefRenderFunction<
 
   const getReactHeight = async () => {
     try {
-      const placeholder = await getRectByTaro(rollerRef.current)
+      const placeholder = await getRectByTaro(placeholderRef.current)
       const placeholderHeight = placeholder.height || 0
       return placeholderHeight
     } catch (error) {
@@ -187,7 +188,7 @@ const InternalPickerRoller: ForwardRefRenderFunction<
         }
       })
     }
-  }, [pickerRollerRef.current, rollerRef.current])
+  }, [pickerRollerRef.current, placeholderRef.current])
 
   useEffect(() => {
     isMoving.current = false
@@ -246,6 +247,11 @@ const InternalPickerRoller: ForwardRefRenderFunction<
 
   return (
     <View className="nut-pickerview-list" ref={pickerRollerRef}>
+      <View
+        className={`${classPrefix}-placeholder`}
+        ref={placeholderRef}
+        id={`${classPrefix}-placeholder-${uuid}`}
+      />
       <View
         className={classPrefix}
         id={`${classPrefix}-${uuid}`}

src/packages/pickerview/pickerview.scss

@@ -49,6 +49,9 @@
     height: $picker-item-height;
     z-index: 1;
     transform-style: preserve-3d;
+    &-placeholder {
+      height: $picker-item-height;
+    }
   }
 
   &-roller-item {