[新增] tab 选项卡组件

src/module/tabItem/index.ts

@@ -6,4 +6,4 @@ Component.install = (app: App) => {
     app.component(Component.name || 'LayTabItem', Component)
 }
 
-export default Component as IDefineComponent
+export default Component as IDefineComponent

src/module/tabItem/index.vue

@@ -1,9 +1,16 @@
 <template>
-    <div class="layui-tab-item">
+    <div class="layui-tab-item" :class="[active === id?'layui-show':'']">
         <slot></slot>
     </div>
 </template>
 
 <script setup name="LayTabItem" lang="ts">
+import { defineProps, inject, useSlots } from 'vue'
 
+const props =
+  defineProps<{
+    id?: string
+  }>()
+
+const active = inject("active")
 </script>