<template>
  <el-scrollbar>
    <el-tabs v-model="activeTab" stretch>
      <el-tab-pane label="控件" name="widget">
        <WidgetLibary />
      </el-tab-pane>
      <el-tab-pane label="组件" name="component">
        <ComponentLibary />
      </el-tab-pane>
    </el-tabs>
  </el-scrollbar>
</template>

<script setup lang="ts">
import { ref } from 'vue'

import WidgetLibary from './components/WidgetLibary.vue'
import ComponentLibary from './components/ComponentLibary.vue'

const activeTab = ref('widget')
</script>

<style scoped lang="less">
::v-deep(.el-collapse-item__content) {
  padding: 0;
}
</style>
