feat(Tabs): supports sliding to tabs beyond the maximum width when co…

…mponent mounted
Tencent · Nov 21, 2023 · 4f12e07 · 4f12e07
1 parent 0fae504
commit 4f12e07
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/tabs/tab-nav.tsx b/src/tabs/tab-nav.tsx
@@ -177,8 +177,8 @@ export default defineComponent({
     const removeBtnClick = ({ e, value, index }: Parameters<TdTabsProps['onRemove']>[0]) => {
       props.onRemove({ e, value, index });
     };
-    const setActiveTab = (ref: any) => {
-      if (ref?.value === props.value && activeTabRef.value !== ref.$el) {
+    const setActiveTab = (ref: any, force = false) => {
+      if ((ref?.value === props.value && activeTabRef.value !== ref.$el) || force) {
         activeTabRef.value = ref.$el;
         scrollLeft.value = moveActiveTabIntoView(
           {
@@ -193,6 +193,7 @@ export default defineComponent({
     const { setNavsWrap } = useDragSort(props);
     onMounted(() => {
       setNavsWrap(navsWrapRef.value);
+      setActiveTab(activeTabRef.value, true);
     });
     // renders
     const navs = computed(() => {