fix(tabs): clicked tabs should be entirely visible (#2685)

* fix: tabs should show left edge * fix: update lock to fix ci insatall failed * fix: ci failed * fix: ci failed * fix: build * fix: build
jdf2e · Nov 1, 2024 · 08bab87 · 08bab87
1 parent b97e0a5
commit 08bab87
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 7 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/packages/configprovider/types.ts b/src/packages/configprovider/types.ts
@@ -154,7 +154,6 @@ export type NutCSSVariables =
   | 'nutuiDividerSpacing'
   | 'nutuiDividerSideWidth'
   | 'nutuiDividerVerticalHeight'
-  | 'nutuiDividerVerticalTop'
   | 'nutuiDividerVerticalMargin'
   | 'nutuiIconHeight'
   | 'nutuiIconWidth'

diff --git a/src/packages/range/range.taro.tsx b/src/packages/range/range.taro.tsx
@@ -74,7 +74,7 @@ export const Range: FunctionComponent<
 
   const classPrefix = 'nut-range'
   const [buttonIndex, setButtonIndex] = useState(0)
-  const [dragStatus, setDragStatus] = useState('start' || 'draging' || '')
+  const [dragStatus, setDragStatus] = useState('start')
   const touch = useTouch()
   const root = useRef<HTMLDivElement>(null)
   const [marksList, setMarksList] = useState<number[]>([])

diff --git a/src/packages/range/range.tsx b/src/packages/range/range.tsx
@@ -74,7 +74,7 @@ export const Range: FunctionComponent<
 
   const classPrefix = 'nut-range'
   const [buttonIndex, setButtonIndex] = useState(0)
-  const [dragStatus, setDragStatus] = useState('start' || 'draging' || '')
+  const [dragStatus, setDragStatus] = useState('start')
   const touch = useTouch()
   const root = useRef<HTMLDivElement>(null)
   const [marksList, setMarksList] = useState<number[]>([])

diff --git a/src/packages/tabs/tabs.taro.tsx b/src/packages/tabs/tabs.taro.tsx
@@ -208,10 +208,7 @@ export const Tabs: FunctionComponent<Partial<TabsProps>> & {
           const left = titleRects
             .slice(0, index)
             .reduce((prev: number, curr: RectItem) => prev + curr.width, 0)
-          to = left - (navRectRef.current.width - titleRect.width) / 2
-          // to < 0 说明不需要进行滚动，页面元素已全部显示出来
-          if (to < 0) return
-          to = rtl ? -to : to
+          to = rtl ? -left : left
         }
         nextTick(() => {
           scrollWithAnimation.current = true