{"_id":"@blueking/flex-tag","_rev":"2-6c14dd02413b8f5e80ffe8064d8d1cc1","name":"@blueking/flex-tag","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@blueking/flex-tag","version":"1.0.0","keywords":["tag","tooltips","flex-tag"],"author":{"name":"bkfe"},"license":"MIT","_id":"@blueking/flex-tag@1.0.0","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"be9e065015aca92bd9b44cb5092ba27eca240315","tarball":"https://registry.npmjs.org/@blueking/flex-tag/-/flex-tag-1.0.0.tgz","fileCount":6,"integrity":"sha512-S4eupDLHvkCT6qll5DBnUdYCkrAn7ykHkGkxU+4TuSI6cMSHQF+4aJhnNwP8H7velfedTnQwvs9dA4YGjBikgQ==","signatures":[{"sig":"MEUCIQDPPXEXkqo0/DJ5u8ABZClcf5xsOSvOYhHZNhEMtzDm9QIgTgAvV2dVL4G9ad5PdB8rd5JNcNSeZgt4oy0QA/g2m3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21491},"main":"./dist/flex-tag.umd.cjs","type":"module","_from":"file:blueking-flex-tag-1.0.0.tgz","module":"./dist/flex-tag.js","exports":{".":{"import":"./dist/flex-tag.js","require":"./dist/flex-tag.umd.cjs"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_resolved":"/private/var/folders/dw/7rc37bgx15353s82t__b7pn80000gn/T/954ec183971aecaebd1ae1d1c37bc296/blueking-flex-tag-1.0.0.tgz","_integrity":"sha512-S4eupDLHvkCT6qll5DBnUdYCkrAn7ykHkGkxU+4TuSI6cMSHQF+4aJhnNwP8H7velfedTnQwvs9dA4YGjBikgQ==","_npmVersion":"9.8.1","description":"可自适应容器宽度的多标签展示组件","directories":{},"_nodeVersion":"18.18.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.68.0","vite":"^4.4.5","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.3.4","tippy.js":"^6.3.7"},"_npmOperationalInternal":{"tmp":"tmp/flex-tag_1.0.0_1696327822043_0.9054040702452408","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-10-03T10:10:21.981Z","modified":"2026-01-15T04:03:59.032Z","1.0.0":"2023-10-03T10:10:22.239Z"},"author":{"name":"bkfe"},"license":"MIT","keywords":["tag","tooltips","flex-tag"],"description":"可自适应容器宽度的多标签展示组件","maintainers":[{"email":"contactus_bk@tencent.com","name":"blueking-magicbox"}],"readme":"# flex-tag\n\n可根据容器宽度自适应展示的标签组件\n\n# Install\n\n```bash\nnpm install @blueking/flex-tag\n```\n\n# Usage\n\n```html\n<script setup>\n  import FlexTag from '@blueking/flex-tag'\n  import '@blueking/flex-tag/dist/style.css'\n\n  const tags = [\n    'aaaaaaaaaaaaaaa',\n    'bbbbbbbbbbbbbbb',\n    'ccccccccccccccc',\n    'dddddddddddddd'\n  ]\n</script>\n\n<template>\n  <div class=\"container\">\n    <FlexTag :list=\"tags\" :max-width=\"'200px'\" />\n  </div>\n</template>\n\n<style scoped>\n  .container {\n    width: 460px;\n  }\n</style>\n```\n","readmeFilename":"README.md"}