fix: word spelling

irisSong · irisSong · commit df4f024bc1c8 · 2024-11-05T15:14:23.000+08:00
diff --git a/src/packages/animatingnumbers/countup.taro.tsx b/src/packages/animatingnumbers/countup.taro.tsx
@@ -54,19 +54,19 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
     return currNumber.split('')
   }, [length, thousands, value])
 
-  const [numerArr, setNumerArr] = useState<string[]>([])
+  const [numberArr, setNumberArr] = useState<string[]>([])
   const [transformArr, setTransformArr] = useState<Array<string>>([])
   const isLoaded = useRef(false)
 
   const setNumberTransform = useCallback(() => {
-    if (countupRef.current && numerArr.length) {
+    if (countupRef.current && numberArr.length) {
       createSelectorQuery()
         .selectAll('.nut-countup-listitem')
         .node((numberItems: any) => {
           const transformArrCache: any[] = []
           Object.keys(numberItems).forEach((key: any) => {
             const elem = numberItems[Number(key)] as HTMLElement
-            const idx = Number(numerArr[Number(key)])
+            const idx = Number(numberArr[Number(key)])
             if (elem && typeof idx === 'number' && !Number.isNaN(idx)) {
               // 计算规则：父元素和实际列表高度的百分比，分割成20等份
               const transform =
@@ -83,10 +83,10 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
         })
         .exec()
     }
-  }, [numerArr])
+  }, [numberArr])
 
   useEffect(() => {
-    if (numerArr.length) {
+    if (numberArr.length) {
       if (!isLoaded.current) {
         isLoaded.current = true
         timerRef.current = window.setTimeout(() => {
@@ -99,16 +99,16 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
     return () => {
       window.clearTimeout(timerRef.current)
     }
-  }, [numerArr, delay, setNumberTransform])
+  }, [numberArr, delay, setNumberTransform])
 
   useEffect(() => {
-    setNumerArr(getShowNumber())
+    setNumberArr(getShowNumber())
   }, [value, getShowNumber])
 
   return (
     <View className={`${classPrefix} ${className}`} ref={countupRef} {...rest}>
       <View className={`${classPrefix}-list`}>
-        {numerArr.map((item: string, idx: number) => {
+        {numberArr.map((item: string, idx: number) => {
           return (
             <View
               className={`${classPrefix}-listitem ${
diff --git a/src/packages/animatingnumbers/countup.tsx b/src/packages/animatingnumbers/countup.tsx
@@ -52,14 +52,14 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
     return currNumber.split('')
   }
 
-  const numerArr = useMemo(getShowNumber, [value, length, thousands])
+  const numberArr = useMemo(getShowNumber, [value, length, thousands])
 
   const setNumberTransform = useCallback(() => {
     if (countupRef.current) {
       const numberItems = countupRef.current.querySelectorAll(
         '.nut-countup-number'
       )
-      const numberFilterArr: Array<string> = numerArr.filter(
+      const numberFilterArr: Array<string> = numberArr.filter(
         (item: string) => !Number.isNaN(Number(item))
       )
       Object.keys(numberItems).forEach((key) => {
@@ -73,7 +73,7 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
         }
       })
     }
-  }, [numerArr])
+  }, [numberArr])
 
   const numberEaseStyle: CSSProperties = {
     transitionDuration: `${duration}s`,
@@ -86,12 +86,12 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
     return () => {
       window.clearTimeout(timerRef.current)
     }
-  }, [numerArr, delay, setNumberTransform])
+  }, [numberArr, delay, setNumberTransform])
 
   return (
     <div className={`${classPrefix} ${className}`} ref={countupRef}>
       <ul className={`${classPrefix}-list`}>
-        {numerArr.map((item: string, idx: number) => {
+        {numberArr.map((item: string, idx: number) => {
           return (
             <li
               className={`${classPrefix}-listitem ${
