{"_id":"@cimom/vben-core-tabs-ui","_rev":"11-132d21ed4dc7ff75c323f6d6da9c90db","name":"@cimom/vben-core-tabs-ui","dist-tags":{"latest":"5.6.9"},"versions":{"5.5.9":{"name":"@cimom/vben-core-tabs-ui","version":"5.5.9","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.5.9","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"c331d145f0519c6a56ed9b736814af6c4916c260","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.5.9.tgz","fileCount":19,"integrity":"sha512-B0phVvLPFVBr2YZNcfKNA5f4tTXc/zEkQFazw1G5apzCDyqBSsKxs1SagJGwJLpJQQ3+T6ZK6s6OaI531yBBRA==","signatures":[{"sig":"MEUCIQCNARy3tZEtvhPADAHPTJh+UABIWwT9QB0hV0RU6pYddgIgbpZRiZ5JHsOPV+HXAUnZ/vKbEO9OGCATiRDMj2U+S00=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34153},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./src/index.ts","default":"./dist/index.mjs","development":"./src/index.ts"}},"private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"^5.5.9","@cimom/vben-core-typings":"^5.5.9","@cimom/vben-core-shadcn-ui":"^5.5.9","@cimom/vben-core-composables":"^5.5.9"},"publishConfig":{"access":"public","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}}},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.5.9_1748416386340_0.19219318871448343","host":"s3://npm-registry-packages-npm-production"}},"5.5.12":{"name":"@cimom/vben-core-tabs-ui","version":"5.5.12","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.5.12","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"70dba1c7f804aa3f59f4cb4b020d3a445d630e6f","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.5.12.tgz","fileCount":13,"integrity":"sha512-/vmS2++A6VzDF5F+VI06mJuqyCPX6Z+CEeJ79WgmzKQDexU5WCHfaaDPKq6CJrgnZWk2q1NYSWwSJzWwDtRZpQ==","signatures":[{"sig":"MEUCIApNH16KPTT81+42lRzSH1kc6LJWDlcf6uItxq2c75uRAiEAtnELDCxHFscz5rBxgJVGJnYbnWetLncNiZt6zp8I69Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34379},"main":"./src/index.ts","type":"module","module":"./src/index.ts","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts"}},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-typings":"^5.5.12","@cimom/vben-core-shadcn-ui":"^5.5.15","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.5.12_1749109027037_0.8232743815302237","host":"s3://npm-registry-packages-npm-production"}},"5.5.13":{"name":"@cimom/vben-core-tabs-ui","version":"5.5.13","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.5.13","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"3f8bf0eeb14f6a83f556b3ad526b1b4fb17fd1c6","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.5.13.tgz","fileCount":13,"integrity":"sha512-ETUSEvf7ykRvhi0jvPpigTiKsOcWEbh/r+JFonhWuWm3Z3FXejKFgmXsNMimEqKxngbGlrLSk/pV/Gy/gPRvUw==","signatures":[{"sig":"MEYCIQC83WbwQAY5j2UCFv+OOa0sDHKpy9HDMeFB/mLbspB9UwIhAJrsW3TTS9Oto/dAQlGhiH7HBhCPIsnFW6F1wE+vhgfT","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34514},"main":"./src/index.ts","type":"module","module":"./src/index.ts","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts"}},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-typings":"^5.5.12","@cimom/vben-core-shadcn-ui":"^5.5.16","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@vue/compiler-sfc":"^3.5.13","@vitejs/plugin-vue":"^5.2.3","rollup-plugin-scss":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.5.13_1749132896254_0.6768721102486921","host":"s3://npm-registry-packages-npm-production"}},"5.5.14":{"name":"@cimom/vben-core-tabs-ui","version":"5.5.14","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.5.14","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"6b0136aaf0d6c72494c153566d29b9d6ad14747f","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.5.14.tgz","fileCount":13,"integrity":"sha512-hgJMB1amzGEFS3ifLHkUbu7S+msVLJKzAqFMUTeorrAaVOriKNMHAIhPKiKssjQykeQcVFIGxMP1P1KNg7wbPw==","signatures":[{"sig":"MEUCIQD+FMBfqlXPDhYsT+SEwu0e2xPvQnbPPUq7xTYnouLCJAIgZCleobYgpYNUDhSuI628YM1HwvGo7lk9kwJDhgSxaXA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34559},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"}},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-typings":"^5.5.12","@cimom/vben-core-shadcn-ui":"^5.5.16","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@vue/compiler-sfc":"^3.5.13","@vitejs/plugin-vue":"^5.2.3","rollup-plugin-scss":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.5.14_1749132980204_0.22270726341093083","host":"s3://npm-registry-packages-npm-production"}},"5.6.0":{"name":"@cimom/vben-core-tabs-ui","version":"5.6.0","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.6.0","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"7bc1a6bad99c1a6dc2dd95d3de61659b99448132","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.6.0.tgz","fileCount":18,"integrity":"sha512-3vEbtAaXSlagMaGfQbq2HuXbZw0JhAPIs74h9kY2wxSLvrj5GtKUzEZfa6qTPk5DxkL7Jm1eri2haXrQGjbT9A==","signatures":[{"sig":"MEUCIQCom6JLxCnKNhRgeGka2uJWz+xoDcXCcAfC1fVfeD1ZFwIgB/jynEHMlYTdSR7ot6wtWV6YwfZUVZ1r2SZuEyBL2RE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":25665},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"^5.6.0","@cimom/vben-core-typings":"^5.6.0","@cimom/vben-core-shadcn-ui":"^5.6.0","@cimom/vben-core-composables":"^5.6.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.6.0_1749435273099_0.9538583404860885","host":"s3://npm-registry-packages-npm-production"}},"5.6.1":{"name":"@cimom/vben-core-tabs-ui","version":"5.6.1","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.6.1","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"3edcd51f42e44c888184505b2580e0e7b0598c11","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.6.1.tgz","fileCount":19,"integrity":"sha512-hQ1Z94DZM6wFeHWRaaOXPnSnkGpm+6JIyqryes2K1pDJFbWDA3lPq7oY5ozA8IbDhDSTUL4q01KaJeEqC2mhsg==","signatures":[{"sig":"MEUCIQDcW5hLmj3wKM2j1EbPE4dNl6VlBXDDzlhinj0wQwDLkgIgW0OjijEYMIROOz6Vu3+qBz/nCYjM4BqUBPeK5h4gUJM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33992},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"^5.6.0","@cimom/vben-core-typings":"^5.6.0","@cimom/vben-core-shadcn-ui":"^5.6.0","@cimom/vben-core-composables":"^5.6.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.6.1_1749440366239_0.5921325890551323","host":"s3://npm-registry-packages-npm-production"}},"5.6.2":{"name":"@cimom/vben-core-tabs-ui","version":"5.6.2","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.6.2","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"7cf8b8abd1daeec111a79da002589e75598f22b6","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.6.2.tgz","fileCount":19,"integrity":"sha512-J7pLWvOr+O3R3YOV+osLB9ry6E5cMSKZtUNtHb4KEHg0WLK5BwF+kz2gFvsqInsByLZsxO0NTOStpy2ahJl5vw==","signatures":[{"sig":"MEQCIFQQ6djPl9zjLaTeMD/7AMoojCdsTxfW9oNrA5BxQuwDAiA3F1rT3LoJLg7Xkk/S2/pfLsuydtTkK4Xj6Ha6IfPa8A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33972},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"*","@cimom/vben-core-typings":"*","@cimom/vben-core-shadcn-ui":"*","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.6.2_1749457231022_0.03727778100207213","host":"s3://npm-registry-packages-npm-production"}},"5.6.3":{"name":"@cimom/vben-core-tabs-ui","version":"5.6.3","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.6.3","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"134751e32bd7b9619b70a406dc36b4c141b6a19c","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.6.3.tgz","fileCount":30,"integrity":"sha512-jSM57ZBqFPT94QCE5FDbA0X1lV2yvFL0OExxQamHLHiL508JAJ0nGcyyiU/pGwZ7RgCOsyQxB8J37dyKS6Q4fA==","signatures":[{"sig":"MEQCIAMyADlZT82TxnEikWt5296JW5W4DqgjoD98j3fkioOyAiAG/zZGRYJJcJIT8IEFOgWjU11u9hqw1vi5YlHFJb21tg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":59015},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"4658e451554fb07b03bcd870c1694010f7362c31","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"*","@cimom/vben-core-typings":"*","@cimom/vben-core-shadcn-ui":"*","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.6.3_1749567024735_0.04225692359712796","host":"s3://npm-registry-packages-npm-production"}},"5.6.8":{"name":"@cimom/vben-core-tabs-ui","version":"5.6.8","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.6.8","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"da1806ff7703c0f451871852aefb0bc1e1d54847","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.6.8.tgz","fileCount":30,"integrity":"sha512-scVvFKHN/MudCmwco9S5dW/h85MP1KtpCt2mNWIgAaKbTirVEnFvzUmk1XTIPNS2fH0V6FMVp/M45bXP8rcwjA==","signatures":[{"sig":"MEUCIBtBhlm6nwa0r5DENXAh/wo8uhYJ9+OFA4RBU7aK3xqcAiEAn8l7pgEoUy/ZYxo/U2EPEpOGYCG/fDDZ/i+BgqtTDss=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":59965},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"4658e451554fb07b03bcd870c1694010f7362c31","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"*","@cimom/vben-core-typings":"*","@cimom/vben-core-shadcn-ui":"*","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.6.8_1749568933888_0.08348475874063288","host":"s3://npm-registry-packages-npm-production"}},"5.6.9":{"name":"@cimom/vben-core-tabs-ui","version":"5.6.9","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-tabs-ui@5.6.9","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"3c7be5e357742a308d6a6805469e9ea9971cc3e2","tarball":"https://registry.npmjs.org/@cimom/vben-core-tabs-ui/-/vben-core-tabs-ui-5.6.9.tgz","fileCount":30,"integrity":"sha512-hSXdx8Fg9YnbcrBRSfKOPRV8+qdPhDZu8mP3Rlyeo/c4A1uPUA8L4mn/ctUGPg+Nk5ECXXqTKD0JmVs/AIN09g==","signatures":[{"sig":"MEUCIQD4uGSGmGovE/BGB2u3/iUDeWygIpMr9/C4Rb7sfjs3mgIgVg/fVyDlKBM39kPxaGAnsG3bWvYdOTU3H63iWf7N1y4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60019},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"59e2231aeb00db23143220cc2a9229aabfdaceb4","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"_npmVersion":"10.5.1","description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@vueuse/core":"^13.1.0","@cimom/vben-core-icons":"*","@cimom/vben-core-typings":"*","@cimom/vben-core-shadcn-ui":"*","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3.5.13"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-tabs-ui_5.6.9_1749621158590_0.42053924604320514","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-05-28T07:13:06.283Z","modified":"2026-01-14T01:37:34.602Z","5.5.9":"2025-05-28T07:13:06.503Z","5.5.12":"2025-06-05T07:37:07.198Z","5.5.13":"2025-06-05T14:14:56.481Z","5.5.14":"2025-06-05T14:16:20.376Z","5.6.0":"2025-06-09T02:14:33.307Z","5.6.1":"2025-06-09T03:39:26.416Z","5.6.2":"2025-06-09T08:20:31.206Z","5.6.3":"2025-06-10T14:50:24.910Z","5.6.8":"2025-06-10T15:22:14.086Z","5.6.9":"2025-06-11T05:52:38.799Z"},"bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","homepage":"https://github.com/vbenjs/vue-vben-admin","repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/tabs-ui"},"description":"Tabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。","maintainers":[{"email":"msj1370380114@gmail.com","name":"moushangjie"},{"email":"57237184@qq.com","name":"hdeqi2005"},{"email":"6983376@qq.com","name":"xxcazzy"}],"readme":"# Tabs UI 组件\n\nTabs UI 组件是一个基于 Vue 3 的标签页组件，提供了丰富的配置选项，支持拖拽排序、滚轮滚动、右键菜单等功能，适用于各种标签页导航场景。\n\n## 安装\n\n```bash\nnpm install @cimom/vben-core-ui-kit-tabs-ui\n```\n\n## 基本使用\n\n```vue\n<script setup lang=\"ts\">\nimport { TabsView } from '@cimom/vben-core-ui-kit-tabs-ui';\nimport { ref } from 'vue';\n\nconst activeTab = ref('tab1');\nconst tabs = ref([\n  { key: 'tab1', title: '标签页1', closable: true },\n  { key: 'tab2', title: '标签页2', closable: true },\n  { key: 'tab3', title: '标签页3', closable: true },\n]);\n\nconst handleClose = (key: string) => {\n  const index = tabs.value.findIndex((item) => item.key === key);\n  if (index !== -1) {\n    tabs.value.splice(index, 1);\n    if (activeTab.value === key && tabs.value.length) {\n      activeTab.value = tabs.value[index - 1 >= 0 ? index - 1 : 0].key;\n    }\n  }\n};\n</script>\n\n<template>\n  <div class=\"h-10\">\n    <TabsView v-model:active=\"activeTab\" :tabs=\"tabs\" @close=\"handleClose\" />\n  </div>\n\n  <div class=\"p-4\">\n    <div v-if=\"activeTab === 'tab1'\">标签页1的内容</div>\n    <div v-if=\"activeTab === 'tab2'\">标签页2的内容</div>\n    <div v-if=\"activeTab === 'tab3'\">标签页3的内容</div>\n  </div>\n</template>\n```\n\n## 组件属性\n\n### TabsView Props\n\n| 属性名 | 类型 | 默认值 | 说明 |\n| --- | --- | --- | --- |\n| active | `string` | - | 当前激活的标签页 key |\n| tabs | `TabDefinition[]` | `[]` | 标签页数据 |\n| styleType | `'chrome' \\| 'default'` | `'chrome'` | 标签页风格 |\n| draggable | `boolean` | `true` | 是否可以拖拽排序 |\n| wheelable | `boolean` | `true` | 是否响应滚轮事件 |\n| contentClass | `string` | `'vben-tabs-content'` | 内容区域的类名 |\n| showIcon | `boolean` | - | 是否显示图标 |\n| middleClickToClose | `boolean` | - | 是否允许鼠标中键点击关闭标签页 |\n| contextMenus | `(data: any) => IContextMenuItem[]` | - | 右键菜单配置函数 |\n| gap | `number` | `7` | 标签页之间的间隙（仅 chrome 风格有效） |\n| minWidth | `number` | - | 标签页最小宽度（仅 chrome 风格有效） |\n| maxWidth | `number` | - | 标签页最大宽度（仅 chrome 风格有效） |\n\n### TabDefinition 标签页配置\n\n| 属性名   | 类型      | 说明                     |\n| -------- | --------- | ------------------------ |\n| key      | `string`  | 标签页唯一标识           |\n| title    | `string`  | 标签页标题               |\n| icon     | `string`  | 标签页图标               |\n| closable | `boolean` | 是否可关闭               |\n| affixTab | `boolean` | 是否固定标签（不可关闭） |\n\n## 事件\n\n| 事件名 | 参数 | 说明 |\n| --- | --- | --- |\n| update:active | `(key: string) => void` | 激活标签页变化时触发 |\n| close | `(key: string) => void` | 关闭标签页时触发 |\n| sortTabs | `(oldIndex: number, newIndex: number) => void` | 拖拽排序标签页时触发 |\n| unpin | `(tab: TabDefinition) => void` | 取消固定标签页时触发 |\n\n## 标签页风格\n\nTabs UI 组件支持两种标签页风格：\n\n- `'chrome'`: Chrome 浏览器风格的标签页（默认）\n- `'default'`: 普通风格的标签页\n\n```vue\n<template>\n  <TabsView v-model:active=\"activeTab\" :tabs=\"tabs\" styleType=\"chrome\" />\n</template>\n```\n\n## 拖拽排序\n\nTabs UI 组件默认支持拖拽排序功能，可以通过 `draggable` 属性控制是否启用：\n\n```vue\n<template>\n  <TabsView\n    v-model:active=\"activeTab\"\n    :tabs=\"tabs\"\n    :draggable=\"true\"\n    @sortTabs=\"handleSortTabs\"\n  />\n</template>\n\n<script setup>\nconst handleSortTabs = (oldIndex, newIndex) => {\n  // 处理标签页排序逻辑\n  const tab = tabs.value.splice(oldIndex, 1)[0];\n  tabs.value.splice(newIndex, 0, tab);\n};\n</script>\n```\n\n## 右键菜单\n\nTabs UI 组件支持自定义右键菜单，可以通过 `contextMenus` 属性配置：\n\n```vue\n<template>\n  <TabsView\n    v-model:active=\"activeTab\"\n    :tabs=\"tabs\"\n    :contextMenus=\"getContextMenus\"\n  />\n</template>\n\n<script setup>\nconst getContextMenus = (tab) => {\n  return [\n    {\n      label: '刷新',\n      onClick: () => {\n        console.log('刷新标签页:', tab);\n      },\n    },\n    {\n      label: '关闭',\n      onClick: () => {\n        handleClose(tab.key);\n      },\n      disabled: !tab.closable,\n    },\n    {\n      label: '关闭其他',\n      onClick: () => {\n        tabs.value = tabs.value.filter(\n          (item) => item.key === tab.key || !item.closable,\n        );\n      },\n    },\n    {\n      label: '关闭所有',\n      onClick: () => {\n        tabs.value = tabs.value.filter((item) => !item.closable);\n      },\n    },\n  ];\n};\n</script>\n```\n\n## 示例\n\n### 带图标的标签页\n\n```vue\n<template>\n  <div class=\"h-10\">\n    <TabsView\n      v-model:active=\"activeTab\"\n      :tabs=\"tabs\"\n      :showIcon=\"true\"\n      @close=\"handleClose\"\n    />\n  </div>\n\n  <div class=\"p-4\">\n    <component :is=\"activeComponent\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { TabsView } from '@cimom/vben-core-ui-kit-tabs-ui';\nimport { computed, ref, shallowRef } from 'vue';\nimport DashboardView from './views/Dashboard.vue';\nimport UserView from './views/User.vue';\nimport SettingView from './views/Setting.vue';\n\nconst activeTab = ref('dashboard');\nconst tabs = ref([\n  {\n    key: 'dashboard',\n    title: '仪表盘',\n    icon: 'Dashboard',\n    closable: false,\n    affixTab: true,\n  },\n  {\n    key: 'user',\n    title: '用户管理',\n    icon: 'User',\n    closable: true,\n  },\n  {\n    key: 'setting',\n    title: '系统设置',\n    icon: 'Setting',\n    closable: true,\n  },\n]);\n\nconst componentMap = {\n  dashboard: DashboardView,\n  user: UserView,\n  setting: SettingView,\n};\n\nconst activeComponent = computed(() => {\n  return componentMap[activeTab.value] || null;\n});\n\nconst handleClose = (key: string) => {\n  const index = tabs.value.findIndex((item) => item.key === key);\n  if (index !== -1) {\n    tabs.value.splice(index, 1);\n    if (activeTab.value === key && tabs.value.length) {\n      activeTab.value = tabs.value[index - 1 >= 0 ? index - 1 : 0].key;\n    }\n  }\n};\n</script>\n```\n\n### 动态添加标签页\n\n```vue\n<template>\n  <div class=\"mb-4\">\n    <button\n      class=\"mr-2 rounded bg-blue-500 px-4 py-2 text-white\"\n      @click=\"addTab\"\n    >\n      添加标签页\n    </button>\n  </div>\n\n  <div class=\"h-10\">\n    <TabsView\n      v-model:active=\"activeTab\"\n      :tabs=\"tabs\"\n      styleType=\"chrome\"\n      @close=\"handleClose\"\n    />\n  </div>\n\n  <div class=\"mt-2 rounded border p-4\">\n    <div>当前激活的标签页: {{ activeTab }}</div>\n    <div>标签页数量: {{ tabs.length }}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { TabsView } from '@cimom/vben-core-ui-kit-tabs-ui';\nimport { ref } from 'vue';\n\nconst activeTab = ref('tab1');\nconst tabs = ref([{ key: 'tab1', title: '标签页1', closable: true }]);\n\nlet tabIndex = 1;\n\nconst addTab = () => {\n  tabIndex++;\n  const newTab = {\n    key: `tab${tabIndex}`,\n    title: `标签页${tabIndex}`,\n    closable: true,\n  };\n  tabs.value.push(newTab);\n  activeTab.value = newTab.key;\n};\n\nconst handleClose = (key: string) => {\n  const index = tabs.value.findIndex((item) => item.key === key);\n  if (index !== -1) {\n    tabs.value.splice(index, 1);\n    if (activeTab.value === key && tabs.value.length) {\n      activeTab.value = tabs.value[index - 1 >= 0 ? index - 1 : 0].key;\n    }\n  }\n};\n</script>\n```\n\n### 固定标签页\n\n```vue\n<template>\n  <div class=\"h-10\">\n    <TabsView\n      v-model:active=\"activeTab\"\n      :tabs=\"tabs\"\n      styleType=\"chrome\"\n      @close=\"handleClose\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { TabsView } from '@cimom/vben-core-ui-kit-tabs-ui';\nimport { ref } from 'vue';\n\nconst activeTab = ref('home');\nconst tabs = ref([\n  { key: 'home', title: '首页', closable: false, affixTab: true },\n  { key: 'dashboard', title: '仪表盘', closable: false, affixTab: true },\n  { key: 'user', title: '用户管理', closable: true },\n  { key: 'role', title: '角色管理', closable: true },\n]);\n\nconst handleClose = (key: string) => {\n  const index = tabs.value.findIndex((item) => item.key === key);\n  if (index !== -1) {\n    tabs.value.splice(index, 1);\n    if (activeTab.value === key && tabs.value.length) {\n      activeTab.value = tabs.value[index - 1 >= 0 ? index - 1 : 0].key;\n    }\n  }\n};\n</script>\n```\n","readmeFilename":"README.md"}