fix(components): [tabs] Simplify code

element-plus · May 25, 2024 · ee534f3 · ee534f3
1 parent 3707e3f
commit ee534f3
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/components/tabs/src/tabs.tsx b/packages/components/tabs/src/tabs.tsx
@@ -1,4 +1,5 @@
 import {
+  computed,
   defineComponent,
   getCurrentInstance,
   nextTick,
@@ -80,6 +81,10 @@ const Tabs = defineComponent({
   setup(props, { emit, slots, expose }) {
     const ns = useNamespace('tabs')
 
+    const isVertical = computed(() =>
+      ['left', 'right'].includes(props.tabPosition)
+    )
+
     const {
       children: panes,
       addChild: registerPane,
@@ -157,8 +162,7 @@ const Tabs = defineComponent({
           <div
             class={[
               ns.e('new-tab'),
-              ['left', 'right'].includes(props.tabPosition) &&
-                ns.e('new-tab-vertical'),
+              isVertical.value && ns.e('new-tab-vertical'),
             ]}
             tabindex="0"
             onClick={handleTabAdd}
@@ -180,8 +184,7 @@ const Tabs = defineComponent({
         <div
           class={[
             ns.e('header'),
-            ['left', 'right'].includes(props.tabPosition) &&
-              ns.e('header-vertical'),
+            isVertical.value && ns.e('header-vertical'),
             ns.is(props.tabPosition),
           ]}
         >