{"_id":"@doramart/virtual-tree-select-vue3","name":"@doramart/virtual-tree-select-vue3","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@doramart/virtual-tree-select-vue3","version":"0.1.0","description":"A high-performance virtual scrolling tree select component for Vue 3 with TypeScript support","type":"module","main":"./dist/index.cjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs","types":"./dist/index.d.ts"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","type-check":"vue-tsc --noEmit","prepublishOnly":"npm run build"},"keywords":["vue3","vue","tree","tree-select","select","virtual-scroll","virtual-list","component","ui","typescript","performance","large-dataset"],"author":{"name":"Virtual Tree Select Contributors"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/doramart/virtual-tree-select.git","directory":"packages/vue3"},"homepage":"https://github.com/doramart/virtual-tree-select#readme","bugs":{"url":"https://github.com/doramart/virtual-tree-select/issues"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"peerDependencies":{"vue":"^3.3.0"},"devDependencies":{"@types/node":"^20.10.0","@vitejs/plugin-vue":"^4.5.0","less":"^4.2.0","typescript":"^5.3.0","vite":"^5.0.0","vue":"^3.3.0","vue-tsc":"^1.8.0"},"dependencies":{"lodash-es":"^4.17.21","resize-observer-polyfill":"^1.5.1"},"_id":"@doramart/virtual-tree-select-vue3@0.1.0","gitHead":"f919e96e3200bb82d0e06ad846d31b5f5f0dc790","_nodeVersion":"20.19.4","_npmVersion":"10.8.2","dist":{"integrity":"sha512-LHn4Xmo+1GuhIRfIeGdGgWpDLMOMc+qN3x482zNowUm/4sE/6umpwAfqXtfKikrclS20hBx8ZV6rH/jBNPngSA==","shasum":"c69a20f7293b01dc26b0813b56528f9972e8504b","tarball":"https://registry.npmjs.org/@doramart/virtual-tree-select-vue3/-/virtual-tree-select-vue3-0.1.0.tgz","fileCount":5,"unpackedSize":182046,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICRyEVRBJQ8YFcvRpnZEwMDr7c2BSLxhVAj8JwGc7VNFAiEA2E/oPrSew8G8LNVzu6gEbwl+yxvJFgtADFMWpQd9YLE="}]},"_npmUser":{"name":"doramart","email":"doramart@qq.com"},"directories":{},"maintainers":[{"name":"doramart","email":"doramart@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/virtual-tree-select-vue3_0.1.0_1767530424337_0.97908376735878"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-04T12:40:24.250Z","0.1.0":"2026-01-04T12:40:24.485Z","modified":"2026-01-04T12:40:24.821Z"},"maintainers":[{"name":"doramart","email":"doramart@qq.com"}],"description":"A high-performance virtual scrolling tree select component for Vue 3 with TypeScript support","homepage":"https://github.com/doramart/virtual-tree-select#readme","keywords":["vue3","vue","tree","tree-select","select","virtual-scroll","virtual-list","component","ui","typescript","performance","large-dataset"],"repository":{"type":"git","url":"git+https://github.com/doramart/virtual-tree-select.git","directory":"packages/vue3"},"author":{"name":"Virtual Tree Select Contributors"},"bugs":{"url":"https://github.com/doramart/virtual-tree-select/issues"},"license":"MIT","readme":"# @virtual-tree-select/vue3\n\n[![npm version](https://badge.fury.io/js/%40virtual-tree-select%2Fvue3.svg)](https://www.npmjs.com/package/@virtual-tree-select/vue3)\n[![license](https://img.shields.io/npm/l/@virtual-tree-select/vue3.svg)](https://github.com/doramart/virtual-tree-select/blob/main/LICENSE)\n\n> A high-performance virtual scrolling tree select component for Vue 3 with TypeScript support\n\n## ✨ Features\n\n- 🚀 **Virtual Scrolling** - Smoothly handle 10,000+ nodes\n- 🎯 **Single/Multiple Selection** - Flexible selection modes\n- 📊 **Group Layout** - 3 layout modes (equal height, weighted, adaptive)\n- 🔍 **Search & Filter** - Quick node search\n- ⌨️ **Keyboard Navigation** - Full keyboard support\n- ⭐ **Priority Display** - Selected items shown first\n- 📈 **Parent Statistics** - Show selection count (e.g., 2/100)\n- 🎨 **Custom Rendering** - Slot-based customization\n- 🏷️ **Tag Management** - Tag display in multiple mode\n- 📍 **Smart Positioning** - Auto-adjust to screen boundaries\n- 💪 **TypeScript** - Full type definitions\n- 🎭 **Theme Customization** - Less variables support\n\n## 📦 Installation\n\n```bash\nnpm install @virtual-tree-select/vue3\n```\n\nOr using yarn:\n\n```bash\nyarn add @virtual-tree-select/vue3\n```\n\nOr using pnpm:\n\n```bash\npnpm add @virtual-tree-select/vue3\n```\n\n## 🚀 Quick Start\n\n```vue\n<template>\n  <VirtualTreeSelect\n    v-model:value=\"selectedKeys\"\n    :dataSource=\"treeData\"\n    mode=\"multiple\"\n    placeholder=\"Please select\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { VirtualTreeSelect } from '@virtual-tree-select/vue3';\nimport '@virtual-tree-select/vue3/style.css';\n\nconst selectedKeys = ref<string[]>([]);\nconst treeData = ref([\n  {\n    key: '1',\n    title: 'Node 1',\n    children: [\n      { key: '1-1', title: 'Child Node 1-1' },\n      { key: '1-2', title: 'Child Node 1-2' },\n    ],\n  },\n  {\n    key: '2',\n    title: 'Node 2',\n    children: [\n      { key: '2-1', title: 'Child Node 2-1' },\n    ],\n  },\n]);\n</script>\n```\n\n## 📖 Documentation\n\n- [API Documentation](../../docs/API.md) - Complete API reference\n- [Main Repository](https://github.com/doramart/virtual-tree-select) - Source code and examples\n- [Demo](../../demo/vue3) - Live examples\n\n## 🔧 Requirements\n\n- Vue 3.3.0 or higher\n- TypeScript 5.0+ (optional, but recommended)\n\n## 💡 Usage Examples\n\n### Single Selection Mode\n\n```vue\n<template>\n  <VirtualTreeSelect\n    v-model:value=\"selectedKey\"\n    :dataSource=\"treeData\"\n    mode=\"single\"\n    placeholder=\"Select one item\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { VirtualTreeSelect } from '@virtual-tree-select/vue3';\n\nconst selectedKey = ref<string>('');\nconst treeData = ref([/* your tree data */]);\n</script>\n```\n\n### With Search\n\n```vue\n<template>\n  <VirtualTreeSelect\n    v-model:value=\"selectedKeys\"\n    v-model:searchValue=\"searchText\"\n    :dataSource=\"treeData\"\n    mode=\"multiple\"\n    showSearch\n    placeholder=\"Search and select\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { VirtualTreeSelect } from '@virtual-tree-select/vue3';\n\nconst selectedKeys = ref<string[]>([]);\nconst searchText = ref('');\nconst treeData = ref([/* your tree data */]);\n</script>\n```\n\n### Custom Node Rendering\n\n```vue\n<template>\n  <VirtualTreeSelect\n    v-model:value=\"selectedKeys\"\n    :dataSource=\"treeData\"\n    mode=\"multiple\"\n  >\n    <template #title=\"{ node }\">\n      <span :style=\"{ color: node.color }\">\n        {{ node.title }}\n      </span>\n    </template>\n  </VirtualTreeSelect>\n</template>\n```\n\n## 🤝 Contributing\n\nContributions are welcome! Please read our [Contributing Guide](../../CONTRIBUTING.md) for details.\n\n## 📄 License\n\nMIT © [Virtual Tree Select Contributors](https://github.com/doramart/virtual-tree-select/graphs/contributors)\n\n## 🔗 Related Packages\n\n- [@virtual-tree-select/vue2](https://www.npmjs.com/package/@virtual-tree-select/vue2) - Vue 2.6 version\n- [@virtual-tree-select/shared](https://www.npmjs.com/package/@virtual-tree-select/shared) - Shared utilities\n","readmeFilename":"README.md","_rev":"1-3bc02bbc0b099526d5bac8ad70343c30"}