{"_id":"@blueking/collapsible-tag","_rev":"7-2adb0335cb23ee7ac6ffa0f9dc149c75","name":"@blueking/collapsible-tag","dist-tags":{"latest":"1.1.0-beta.4"},"versions":{"1.0.0":{"name":"@blueking/collapsible-tag","version":"1.0.0","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/collapsible-tag@1.0.0","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"0fe485b30804f258bcc2cfeeaa601cc428af64e1","tarball":"https://registry.npmjs.org/@blueking/collapsible-tag/-/collapsible-tag-1.0.0.tgz","fileCount":17,"integrity":"sha512-ldt1J4mqTVdQsdiEdPwmRjOuqm5S6I/lzGXt2xT3QusnJFDGWsTbpGOkb8MQvkpDoW1hg7orvpp6tTQOg8rXQw==","signatures":[{"sig":"MEUCIQCwYscPKXRuJS+KP2p5LetbSPqNZTdOCrYi9FP8oADRAAIgCsKbfbAyJ4hHBmtA1L117G9K3DGxi1A4Lu7+1dmFI1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1081120},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"7e2832b38b280f36578ca3fb3116325c03fc68ad","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"9.8.1","description":"支持展开收起的tag列表","directories":{},"_nodeVersion":"18.18.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"vue":"^3","bkui-vue":"^1.0.3-beta.38","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/collapsible-tag_1.0.0_1723306676869_0.7202489122857401","host":"s3://npm-registry-packages"}},"1.1.0-beta.0":{"name":"@blueking/collapsible-tag","version":"1.1.0-beta.0","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/collapsible-tag@1.1.0-beta.0","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"403f947e02e3d06c6b5485ba0326cde356af1a1f","tarball":"https://registry.npmjs.org/@blueking/collapsible-tag/-/collapsible-tag-1.1.0-beta.0.tgz","fileCount":17,"integrity":"sha512-dYCYNqvvZsleuGKD3Fj+U1/sZv1kut8MOZ/0Vzpb7XWbR+BTIl0skzeSBAxqgRRKvoC0cWb3BXWIhSgfVeJApA==","signatures":[{"sig":"MEUCIEZBM+DvYDYsf2FUIOXPfky+3qWr17YSXTa7ztYXwkTwAiEA7J9lTVysceMAYHHz2421pkBEq2wWAkocDZaIINZUFQU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1081095},"_from":"file:blueking-collapsible-tag-1.1.0-beta.0.tgz","types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_resolved":"/private/var/folders/dw/7rc37bgx15353s82t__b7pn80000gn/T/4e994ba95b5bafc212d14fb209fef91d/blueking-collapsible-tag-1.1.0-beta.0.tgz","_integrity":"sha512-dYCYNqvvZsleuGKD3Fj+U1/sZv1kut8MOZ/0Vzpb7XWbR+BTIl0skzeSBAxqgRRKvoC0cWb3BXWIhSgfVeJApA==","_npmVersion":"9.8.1","description":"支持展开收起的tag列表","directories":{},"_nodeVersion":"18.18.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"vue":"^3","bkui-vue":"^1.0.3-beta.38","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/collapsible-tag_1.1.0-beta.0_1723307484347_0.16251061938539269","host":"s3://npm-registry-packages"}},"1.1.0-beta.1":{"name":"@blueking/collapsible-tag","version":"1.1.0-beta.1","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/collapsible-tag@1.1.0-beta.1","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"2c33e8eab4d0ca76f7e12b8b4724bb5aeb38006c","tarball":"https://registry.npmjs.org/@blueking/collapsible-tag/-/collapsible-tag-1.1.0-beta.1.tgz","fileCount":17,"integrity":"sha512-/X6XZ2v89uCjZxMMTB7e+U8/t3an9PZs63xmp7GUw4wHZzSiaRbTSJKB1c5OZ/nXGATPVuZec/N8QvOP89oEhA==","signatures":[{"sig":"MEQCIHJeadsFyVpa0wzKCaFJhwHPVlr9WUSylEm5zRIlY8PVAiBTAWcBSh1COpFzaYnCZuWTKZmtrfaGxPB3S0iFUQaqoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1081169},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"dd2276b2229ec55118e8057abfd069d508610387","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"9.8.1","description":"支持展开收起的tag列表","directories":{},"_nodeVersion":"18.18.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"vue":"^3","bkui-vue":"^2.0.1-beta.29","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/collapsible-tag_1.1.0-beta.1_1723520494115_0.7949382616556879","host":"s3://npm-registry-packages"}},"1.1.0-beta.2":{"name":"@blueking/collapsible-tag","version":"1.1.0-beta.2","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/collapsible-tag@1.1.0-beta.2","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"1c07f9a0f50c401161189fa61496673282639746","tarball":"https://registry.npmjs.org/@blueking/collapsible-tag/-/collapsible-tag-1.1.0-beta.2.tgz","fileCount":17,"integrity":"sha512-OaMbbQOprj08RfokJQxhqQ7Qgm6Mko2Awhw3hmvyEf4P/bsen8Vgro06UthoinBRS6K6492lZB8C8LfqWDSXrw==","signatures":[{"sig":"MEYCIQD/YcBMbL1w3ZSe8nXJUYKZDm7d5vpCveoQGikAJjWMegIhAP7kV2MkWxkCXIbzyXxCxRsSpisvc7IOWA8L5kY7qaIt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1083292},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"47d62caafd0f6b25a8b01d4fea43c875f68f5d2e","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"9.8.1","description":"支持展开收起的tag列表","directories":{},"_nodeVersion":"18.18.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"vue":"^3","bkui-vue":"^2.0.1-beta.29","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/collapsible-tag_1.1.0-beta.2_1723831620956_0.7289853260485175","host":"s3://npm-registry-packages"}},"1.1.0-beta.3":{"name":"@blueking/collapsible-tag","version":"1.1.0-beta.3","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/collapsible-tag@1.1.0-beta.3","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"1de9bb26f3969bfc843bb904e8f1cfc4513eacee","tarball":"https://registry.npmjs.org/@blueking/collapsible-tag/-/collapsible-tag-1.1.0-beta.3.tgz","fileCount":17,"integrity":"sha512-yGhfGdgmW3EP4xTYvjJoMX0WNUernGkokkG+BAbLBMoEwLuZodsn+HZOwE4U0buQ4JQuqnBCLzQZsdo86Z199Q==","signatures":[{"sig":"MEUCIQDlQ+1jCEj6svWDzGqmPDOfD3/QsQ7aODntpV2L/8pt9gIgbfyCliDEOmbWWFqHqGdPAbQsuCWohmONLAzaTIdtqRY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1084179},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"95ba5e805e671da58b7369790c26c64fc2300b36","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"9.8.1","description":"支持展开收起的tag列表","directories":{},"_nodeVersion":"18.18.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"vue":"^3","bkui-vue":"^2.0.1-beta.29","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/collapsible-tag_1.1.0-beta.3_1723833983640_0.433822351009471","host":"s3://npm-registry-packages"}},"1.1.0-beta.4":{"name":"@blueking/collapsible-tag","version":"1.1.0-beta.4","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/collapsible-tag@1.1.0-beta.4","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"d43cbd7947f34bf112a6687b0efef6f4eff0a86e","tarball":"https://registry.npmjs.org/@blueking/collapsible-tag/-/collapsible-tag-1.1.0-beta.4.tgz","fileCount":17,"integrity":"sha512-kM+mHDYOEgv8mN8lPRtIWk8JPRvszMIbH4+JkB4y9U38cehbitLepfjo9oYcudd9B0NW2BOUWRcvp7SZ9zBQjw==","signatures":[{"sig":"MEUCIC/lqNoApYe9dICFxJItcoZvW90O4rLWCOMNgw7t28yTAiEAma3SMVLHAVC5GODN3GH7WvXtAuT06Eb0QmONTN34SIg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1090863},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"41fb213adb5b25ba04c3cde7a6bf869943c17408","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"9.8.1","description":"支持展开收起的tag列表","directories":{},"_nodeVersion":"18.18.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"vue":"^3","bkui-vue":"^2.0.1-beta.29","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/collapsible-tag_1.1.0-beta.4_1724126452933_0.8335053559921077","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-08-10T16:17:56.802Z","modified":"2026-01-15T04:03:55.945Z","1.0.0":"2024-08-10T16:17:57.171Z","1.1.0-beta.0":"2024-08-10T16:31:24.600Z","1.1.0-beta.1":"2024-08-13T03:41:34.314Z","1.1.0-beta.2":"2024-08-16T18:07:01.208Z","1.1.0-beta.3":"2024-08-16T18:46:23.965Z","1.1.0-beta.4":"2024-08-20T04:00:53.229Z"},"author":{"name":"Tencent BlueKing"},"license":"MIT","description":"支持展开收起的tag列表","maintainers":[{"email":"contactus_bk@tencent.com","name":"blueking-magicbox"}],"readme":"<br/>\n\n### 支持 Vue2/Vue3 版本 无差别使用\n\n![show](image.png)\n![show](image2.png)\n\n#### 安装\n\n```bash\nnpm i @blueking/collapsible-tag\n```\n\n#### 使用\n\n- vue3框架下使用\n\n```javascript\n<template>\n  <div class=\"container\">\n    <CollapsibleTag\n      v-model=\"selected\"\n      :data=\"zones\"\n      :multiple=\"true\"\n      :tag-max-width=\"120\"\n      :tag-min-width=\"120\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\n  import { ref } from 'vue';\n\n  import CollapsibleTag from '@blueking/collapsible-tag';\n  import '@blueking/collapsible-tag/vue3/vue3.css'\n\n  const selected = ref([3, 4, 10, 15]);\n  const zones = ref([\n    {\n      id: 1,\n      name: '广州一区',\n    },\n    {\n      id: 2,\n      name: '广州二区二区',\n    },\n    {\n      id: 3,\n      name: '广州三区',\n    },\n    {\n      id: 4,\n      name: '广州四区四区四区',\n    },\n    {\n      id: 5,\n      name: '广州五区广州五区广州五区广州五区广州五区广州五区广州五区',\n    },\n    {\n      id: 6,\n      name: '广州六区',\n    },\n    {\n      id: 7,\n      name: '广州七区七区七区七区七区',\n    },\n    {\n      id: 8,\n      name: '广州八区',\n    },\n    {\n      id: 9,\n      name: '广州九区',\n      disabled: true,\n    },\n    {\n      id: 10,\n      name: '广州十十区',\n    },\n    {\n      id: 11,\n      name: '广州十一区',\n    },\n    {\n      id: 12,\n      name: '广州十二区',\n    },\n    {\n      id: 13,\n      name: '广州十三区',\n    },\n    {\n      id: 14,\n      name: '广州十四区',\n    },\n    {\n      id: 15,\n      name: '广州十五区',\n    },\n    {\n      id: 16,\n      name: '广州十六区',\n    },\n  ]);\n</script>\n```\n\n- vue2框架下使用\n\n```javascript\n<template>\n  <div class=\"container\">\n    <CollapsibleTag\n      v-model=\"selected\"\n      :data=\"zones\"\n      :multiple=\"true\"\n      :tag-max-width=\"120\"\n      :tag-min-width=\"120\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\n  import { ref } from 'vue';\n\n  import CollapsibleTag from '@blueking/collapsible-tag/vue2';\n  import '@blueking/collapsible-tag/vue2/vue2.css'\n\n  const selected = ref([3, 4, 10, 15]);\n  const zones = ref([\n    {\n      id: 1,\n      name: '广州一区',\n    },\n    {\n      id: 2,\n      name: '广州二区二区',\n    },\n    {\n      id: 3,\n      name: '广州三区',\n    },\n    {\n      id: 4,\n      name: '广州四区四区四区',\n    },\n    {\n      id: 5,\n      name: '广州五区广州五区广州五区广州五区广州五区广州五区广州五区',\n    },\n    {\n      id: 6,\n      name: '广州六区',\n    },\n    {\n      id: 7,\n      name: '广州七区七区七区七区七区',\n    },\n    {\n      id: 8,\n      name: '广州八区',\n    },\n    {\n      id: 9,\n      name: '广州九区',\n      disabled: true,\n    },\n    {\n      id: 10,\n      name: '广州十十区',\n    },\n    {\n      id: 11,\n      name: '广州十一区',\n    },\n    {\n      id: 12,\n      name: '广州十二区',\n    },\n    {\n      id: 13,\n      name: '广州十三区',\n    },\n    {\n      id: 14,\n      name: '广州十四区',\n    },\n    {\n      id: 15,\n      name: '广州十五区',\n    },\n    {\n      id: 16,\n      name: '广州十六区',\n    },\n  ]);\n</script>\n```\n\n### 属性列表\n\n| 属性名       | 描述                                                                                     | 属性类型                | 默认值   |\n| ------------ | ---------------------------------------------------------------------------------------- | ----------------------- | -------- |\n| modelValue   | 选中的值                                                                                 | `TagData['id'][]`       | []       |\n| data         | tag列表数据                                                                              | `TagData[]`             | []       |\n| lineClamp    | 展示多少行，根据此属性自动计算是否显示展开/收起操作                                      | `number`                | 2        |\n| getId        | 默认读取id的数据key为`id`，可通过此方法自定义，接收参数 (data: TagData) 返回 id 值       | `function`              |          |\n| getName      | 默认读取name的数据key为`name`，可通过此方法自定义，接收参数 (data: TagData) 返回 name 值 | `function`              |          |\n| disabled     | 是否 disabled                                                                            | `boolean`               | false    |\n| readonly     | 是否 readonly                                                                            | `boolean`               | false    |\n| multiple     | 是否 multiple                                                                            | `boolean`               | false    |\n| required     | 是否 required，为 true 时必须要保留一个选中项                                            | `boolean`               | false    |\n| expandText   | 展开操作的文本                                                                           | `string`                | 展开全部 |\n| collapseText | 收起操作的文本                                                                           | `string`                | 收起     |\n| emptyText    | 空数据的文本                                                                             | `string`                | 无数据   |\n| tagMinWidth  | tag的最小宽度                                                                            | `number`                | 120      |\n| tagMaxWidth  | tag的最大宽度                                                                            | `number`                | 260      |\n| autoExpand   | 是否自动展开，'selected' 表示当有选中项被折叠时自动展开                                  | `'selected' \\| boolean` | false    |\n\n### 事件列表\n\n| 事件名 | 参数          | 参数类型         | 描述              |\n| ------ | ------------- | ---------------- | ----------------- |\n| toggle | collapsed     | boolean          | 展开/收起切换事件 |\n| select | tag, selected | TagData, boolean | 选择tag事件       |\n| change | value         | TagData['id'][]  | 新的选中项        |\n\n### 类型\n\n```typescript\nexport interface ICollapsibleTagProps {\n  modelValue: TagData['id'][];\n  data: TagData[];\n  lineClamp: number;\n  getId?: (data: TagData) => TagData['id'];\n  getName?: (data: TagData) => TagData['name'];\n  disabled?: boolean;\n  readonly?: boolean;\n  multiple?: boolean;\n  required?: boolean;\n  expandText?: string;\n  collapseText?: string;\n  emptyText?: string;\n  tagMinWidth?: number;\n  tagMaxWidth?: number;\n  autoExpand?: 'selected' | boolean;\n}\n\nexport type TagData = {\n  id: number | string;\n  name: string;\n  disabled?: boolean;\n  disabledTips?: string;\n  [key: string]: boolean | number | string | undefined;\n};\n```\n","readmeFilename":"README.md"}