chore: rename

react-component · Aug 24, 2023 · 9fc2605 · 9fc2605
1 parent d55620c
commit 9fc2605
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/TabNavList/index.tsx b/src/TabNavList/index.tsx
@@ -50,7 +50,7 @@ export interface TabNavListProps {
   children?: (node: React.ReactElement) => React.ReactElement;
   getPopupContainer?: (node: HTMLElement) => HTMLElement;
   popupClassName?: string;
-  getIndicatorLength?: GetIndicatorLength;
+  indicatorLength?: GetIndicatorLength;
 }
 
 const getSize = (refObj: React.RefObject<HTMLElement>): SizeInfo => {
@@ -82,7 +82,7 @@ function TabNavList(props: TabNavListProps, ref: React.Ref<HTMLDivElement>) {
     children,
     onTabClick,
     onTabScroll,
-    getIndicatorLength,
+    indicatorLength,
   } = props;
   const containerRef = useRef<HTMLDivElement>();
   const extraLeftRef = useRef<HTMLDivElement>();
@@ -369,7 +369,7 @@ function TabNavList(props: TabNavListProps, ref: React.Ref<HTMLDivElement>) {
     activeTabOffset,
     horizontal: tabPositionTopOrBottom,
     rtl,
-    getIndicatorLength,
+    indicatorLength,
   })
 
   // ========================= Effect ========================

diff --git a/src/Tabs.tsx b/src/Tabs.tsx
@@ -71,7 +71,7 @@ export interface TabsProps
   popupClassName?: string;
 
   // Indicator
-  getIndicatorLength?: GetIndicatorLength;
+  indicatorLength?: GetIndicatorLength;
 }
 
 function Tabs(
@@ -99,7 +99,7 @@ function Tabs(
     onTabScroll,
     getPopupContainer,
     popupClassName,
-    getIndicatorLength,
+    indicatorLength,
     ...restProps
   }: TabsProps,
   ref: React.Ref<HTMLDivElement>,
@@ -185,7 +185,7 @@ function Tabs(
     panes: null,
     getPopupContainer,
     popupClassName,
-    getIndicatorLength,
+    indicatorLength,
   };
 
   return (

diff --git a/src/hooks/useIndicator.ts b/src/hooks/useIndicator.ts
@@ -8,7 +8,7 @@ export type UseIndicator = (options: {
   activeTabOffset: TabOffset,
   horizontal: boolean;
   rtl: boolean;
-  getIndicatorLength: GetIndicatorLength;
+  indicatorLength: GetIndicatorLength;
 }) => {
   style: React.CSSProperties;
 }
@@ -17,17 +17,17 @@ const useIndicator: UseIndicator = ({
   activeTabOffset,
   horizontal,
   rtl,
-  getIndicatorLength,
+                                      indicatorLength,
                                     }) => {
   const [inkStyle, setInkStyle] = useState<React.CSSProperties>();
   const inkBarRafRef = useRef<number>();
 
   const getLength = (origin: number) => {
-    if (typeof getIndicatorLength === 'function') {
-      return getIndicatorLength(origin);
+    if (typeof indicatorLength === 'function') {
+      return indicatorLength(origin);
     }
-    if (typeof getIndicatorLength === 'number') {
-      return getIndicatorLength;
+    if (typeof indicatorLength === 'number') {
+      return indicatorLength;
     }
     return origin;
   }
@@ -63,7 +63,7 @@ const useIndicator: UseIndicator = ({
     });
 
     return cleanInkBarRaf;
-  }, [activeTabOffset, horizontal, rtl, getIndicatorLength]);
+  }, [activeTabOffset, horizontal, rtl, indicatorLength]);
 
   return {
     style: inkStyle,