{"_id":"@composy/region-selector-vue","name":"@composy/region-selector-vue","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@composy/region-selector-vue","version":"0.0.1","type":"module","sideEffects":false,"main":"./lib/index.cjs","module":"./es/index.js","types":"./es/index.d.ts","typings":"./es/index.d.ts","exports":{".":{"types":"./es/index.d.ts","import":"./es/index.js","require":"./lib/index.cjs","default":"./es/index.js"},"./components/*":{"types":"./es/components/*.d.ts","import":"./es/components/*.js","require":"./lib/components/*.cjs","default":"./es/components/*.js"},"./composables/*":{"types":"./es/composables/*.d.ts","import":"./es/composables/*.js","require":"./lib/composables/*.cjs","default":"./es/composables/*.js"},"./*":{"types":"./es/*.d.ts","import":"./es/*.js","require":"./lib/*.cjs","default":"./es/*.js"}},"scripts":{"build":"ldesign-builder build","type-check":"vue-tsc --noEmit"},"dependencies":{"@composy/region-selector-core":"^0.0.1"},"peerDependencies":{"vue":"^3.5.32"},"devDependencies":{"@composy/builder":"^0.0.1","vue-tsc":"^3.3.7"},"publishConfig":{"registry":"http://npm.longrise.cn:6286/"},"license":"MIT","unpkg":"./dist/index.min.js","jsdelivr":"./dist/index.min.js","browser":"./dist/index.js","_id":"@composy/region-selector-vue@0.0.1","description":"中国省市区三级联动选择器 - Vue 3 组件","_nodeVersion":"23.11.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-Kl+McmDqOtXTgGUEBBnfNg9xcqcXRQZVG7nRIXhj+DqfP1xXfJkCICPHh+cr3m9OarJgRFS5eMXCO/iRWj9DNw==","shasum":"c7ee22a26ddb03d9ff88b53bc53d41d473cbc551","tarball":"https://registry.npmjs.org/@composy/region-selector-vue/-/region-selector-vue-0.0.1.tgz","fileCount":51,"unpackedSize":94517,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIE7Du0ERUf8FTIJBR+jM9KVed22v+MVnonR4Pnpq72esAiBHusj9sqvBTG1wMkycjHsaQbpqK2n/4zlA9AbM5vxjnA=="}]},"_npmUser":{"name":"swimly","email":"979741120@qq.com"},"directories":{},"maintainers":[{"name":"swimly","email":"979741120@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/region-selector-vue_0.0.1_1786949259473_0.33638445586424126"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-17T06:47:38.377Z","0.0.1":"2026-08-17T06:47:39.601Z","modified":"2026-08-17T06:47:39.900Z"},"maintainers":[{"name":"swimly","email":"979741120@qq.com"}],"description":"中国省市区三级联动选择器 - Vue 3 组件","license":"MIT","readme":"# @composy/region-selector-vue\n\n中国省市区三级联动选择器 - Vue 3 组件\n\n## 安装\n\n```bash\npnpm add @composy/region-selector-vue\n```\n\n## 基本用法\n\n```vue\n<template>\n  <RegionSelector\n    v-model=\"selectedCodes\"\n    max-level=\"district\"\n    theme=\"light\"\n    @complete=\"onComplete\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { RegionSelector } from '@composy/region-selector-vue'\n\nconst selectedCodes = ref<string[]>([])\n\nfunction onComplete(value: string[], names: string[]) {\n  console.log('完整地址:', names.join(' / '))\n}\n</script>\n```\n\n## 组件 Props\n\n| Prop | 类型 | 默认值 | 说明 |\n|------|------|--------|------|\n| `modelValue` | `string[]` | `[]` | 选中编码 (v-model) |\n| `maxLevel` | `'province' \\| 'city' \\| 'district'` | `'district'` | 最大可选级别 |\n| `placeholder` | `string[]` | 自动 | 各级占位文本 |\n| `disabled` | `boolean` | `false` | 是否禁用 |\n| `theme` | `'light' \\| 'dark' \\| 'auto'` | `'light'` | 主题模式 |\n| `separator` | `string` | `' / '` | 地址分隔符 |\n| `size` | `'small' \\| 'medium' \\| 'large'` | `'medium'` | 尺寸 |\n| `dataSource` | `DataSourceConfig` | `{ type: 'builtin' }` | 数据源配置 |\n| `clearable` | `boolean` | `true` | 是否可清除 |\n| `searchable` | `boolean` | `false` | 是否显示搜索栏 |\n| `zIndex` | `number` | `1050` | 面板 z-index |\n| `panelLayout` | `'tabs' \\| 'columns'` | `'tabs'` | 面板布局 |\n\n## Events\n\n| 事件 | 参数 | 说明 |\n|------|------|------|\n| `update:modelValue` | `(value: string[])` | 选中值变化 |\n| `change` | `(value: string[])` | 选中值变化 |\n| `complete` | `(value: string[], names: string[])` | 选择完成 |\n| `clear` | - | 清空选择 |\n| `open` | - | 面板打开 |\n| `close` | - | 面板关闭 |\n\n## Composable\n\n```vue\n<script setup lang=\"ts\">\nimport { useRegionSelector } from '@composy/region-selector-vue'\n\nconst { instance, value, isOpen, create, destroy } = useRegionSelector()\n</script>\n```\n\n## 插件注册\n\n```typescript\nimport { createApp } from 'vue'\nimport { createRegionSelectorPlugin } from '@composy/region-selector-vue'\nimport App from './App.vue'\n\nconst app = createApp(App)\napp.use(createRegionSelectorPlugin())\napp.mount('#app')\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-28cdb3b619eda256bcdfc90bb586bde4"}