feat(collapse): 适配鸿蒙

Author: oasis-cloud

src/packages/collapseitem/collapseitem.taro.tsx

@@ -59,15 +59,13 @@ export const CollapseItem: FunctionComponent<
   const contentRef: any = useRef(null)
   const uid = useUuid()
   const target = `nut-collapse-content-${uid}`
-  console.log('oasistarget', target)
 
   const expanded = useMemo(() => {
     if (context) {
       return context.isOpen(name)
     }
     return false
   }, [name, context.isOpen])
-  console.log('oasis', expanded, name)
 
   const iconStyle = useMemo(() => {
     return expanded
@@ -80,21 +78,17 @@ export const CollapseItem: FunctionComponent<
   const [wrapperHeight, setWrapperHeight] = useState(0)
 
   const updateRectHeight = async () => {
-    nextTick(async () => {
-      const res = await getRectByTaro(contentRef.current, target)
-      console.log('oasis res', res.height)
-      if (res?.height) {
-        setCurrentHeight(res.height)
-        setWrapperHeight(expanded ? res.height : 0)
-        setTimeout(() => {
-          setTran(1)
-        })
-      }
-    })
+    const res = await getRectByTaro(contentRef.current, target)
+    if (res?.height) {
+      setCurrentHeight(res.height)
+      setWrapperHeight(expanded ? res.height : 0)
+      nextTick(() => {
+        setTran(1)
+      })
+    }
   }
   useEffect(() => {
     nextTick(() => {
-      console.log('oasis update', name)
       updateRectHeight()
     })
   }, [children, expanded])
@@ -105,11 +99,10 @@ export const CollapseItem: FunctionComponent<
   }
   const handleClick = () => {
     if (!disabled) {
-      console.log('oasis name', name)
       context.updateValue(name)
-      nextTick(() => {
+      setTimeout(() => {
         toggle()
-      })
+      }, 150)
     }
   }
 

src/packages/collapseitem/collapseitem.tsx

@@ -60,7 +60,6 @@ export const CollapseItem: FunctionComponent<
     }
     return false
   }, [name, context.isOpen])
-  console.log('oasis', expanded, name)
 
   const iconStyle = useMemo(() => {
     return expanded
@@ -74,7 +73,6 @@ export const CollapseItem: FunctionComponent<
 
   const updateRectHeight = async () => {
     const height = contentRef.current.offsetHeight
-    console.log('oasis res', height)
     if (height) {
       setCurrentHeight(height)
       setWrapperHeight(expanded ? height : 0)
@@ -94,7 +92,6 @@ export const CollapseItem: FunctionComponent<
   }
   const handleClick = () => {
     if (!disabled) {
-      console.log('oasis name', name)
       context.updateValue(name)
       toggle()
     }

src/utils/get-rect-by-taro.ts

@@ -34,7 +34,6 @@ export const getRectByTaro = async (
     // 小程序下的逻辑
     return new Promise((resolve, reject) => {
       createSelectorQuery()
-        .in(element)
         .select(`#${harmonyId || element.uid}`)
         .boundingClientRect()
         .exec(([rects]) => {