Use Chrome-Tabs 🚀

项目简介 📦

Use Chrome-Tabs 是一个仿 Chrome 风格的标签页组件，为 Vue 3 应用提供流畅的标签页管理体验，帮助开发者构建具有类似浏览器标签页功能的应用。

功能特点 ✨

Chrome 风格设计 🎨

• 💯 还原 Chrome 浏览器标签页外观
• 🎯 支持标签页拖拽排序
• 🔥 流畅的动画过渡效果

模块化设计 🧩

• 📁 采用模块化架构，组件独立封装
• 📦 支持按需导入，减小打包体积
• 🔧 清晰的文件结构，易于维护和扩展

类型安全 🔒

• 📝 完整的 TypeScript 类型定义
• 💡 提供准确的类型推断和代码提示
• 🎯 支持 Vue 3 的 Composition API 类型系统

轻量高效 ⚡

• 🚀 核心代码精简，无额外依赖
• 🏃 优化的性能表现，最小化运行时开销
• 📦 支持 Tree Shaking，进一步减小打包体积

功能丰富 🎨

• 📑 支持多标签页管理
• 🔄 支持标签页切换和关闭
• ✨ 支持自定义样式和主题

安装 📥

使用 pnpm 🐱

pnpm add @oiij/chrome-tabs

使用 npm 📦

npm install @oiij/chrome-tabs

使用 yarn 🧶

yarn add @oiij/chrome-tabs

快速开始 🌟

基础使用

<script setup>
import { ChromeTabs } from '@oiij/chrome-tabs'
</script>

<template>
  <ChromeTabs />
</template>

在线文档 📚

在线文档 📖

贡献指南 🤝

欢迎贡献代码、报告问题或提出新功能建议！

1. Fork 本仓库 🍴
2. 创建您的特性分支 (git checkout -b feature/amazing-feature) 🌿
3. 提交您的更改 (git commit -m 'Add some amazing feature') 💾
4. 推送到分支 (git push origin feature/amazing-feature) 🚀
5. 打开一个 Pull Request 📥

许可证 📄

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情 📑

联系方式 📞

• GitHub: https://github.com/Eiog/@oiij/chrome-tabs 🌟