# vue-alphabet-sort

> ## Introduction 基于VueJs 2.0开发的仿手机联系人选择组件

Latest version **0.1.1** (published 2018-12-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-alphabet-sort
pnpm add vue-alphabet-sort
yarn add vue-alphabet-sort
bun add vue-alphabet-sort
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2018-12-18 |
| First published | 2018-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 2.5 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | sanmu |
| Maintainers | sanmu |
| Keywords | vue, select, sort, alphabet, pinyin, first alphabet |

## Links

- npm: https://www.npmjs.com/package/vue-alphabet-sort
- Repository: https://github.com/LinSky/vue-alphabet-sort
- Homepage: https://github.com/LinSky/vue-alphabet-sort#readme
- Issues: https://github.com/LinSky/vue-alphabet-sort/issues
- npm.io page: https://npm.io/package/vue-alphabet-sort

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.5.17
- [lib-flexible](https://npm.io/package/lib-flexible.md) ^0.3.2
- [better-scroll](https://npm.io/package/better-scroll.md) ^1.13.2

## Recent versions

- 0.1.1 (latest) — 2018-12-18
- 0.1.0 — 2018-12-18

## README

# vue-alphabet-sort

## Introduction
基于VueJs 2.0开发的仿手机联系人选择组件

## Usage

```
npm install --save vue-alphabet-sort

import alphabetSortList from 'vue-alphabet-sort'
Vue.use(alphabetSortList)
```

##Demo
![demo](demo.gif)

##Props
名称|类型|必选|默认值|说明
---|:---:|---:|---:|---:
list | Array | false | [] | 选择项数据
labelKey | String | false | label | 名称字段名
valueKey | String | false | value | 值字段名
activeColor | String | false | #DD3629 | 焦点颜色

##Events
事件名称|说明|回调参数
---|:---:|---:
itemClick | 点击选项时触发 | 点击项对应的Object

##数据格式
```
data:[
    {
        name: 'B',
        list: [
            {
                label: '北京',
                value: 10000
            },
            {
                label: '北海',
                value: 10000
            }
        ]
    },
    {
        name: 'C',
        list: [
            {
                label: '成都',
                value: 10000
            },
            {
                label: '重庆',
                value: 10000
            },
            {
                label: '长春',
                value: 10000
            }
        ]
    }
]

```

---
_Source: https://npm.io/package/vue-alphabet-sort · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._