# @beisen-cmps/area-selector

> 平台地区组件

Latest version **0.2.4** (published 2018-11-16) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-cmps/area-selector
pnpm add @beisen-cmps/area-selector
yarn add @beisen-cmps/area-selector
bun add @beisen-cmps/area-selector
```

## 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.2.4 |
| Published | 2018-11-16 |
| First published | 2018-05-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 61 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-cmps/area-selector
- Repository: http://gitlab.beisencorp.com/ux-cnpm/ux-area-selector
- npm.io page: https://npm.io/package/@beisen-cmps/area-selector

## Dependencies (4)

- [@beisen-cmps/tool-tip](https://npm.io/package/@beisen-cmps/tool-tip.md)
- [@beisen-cmps/common-func](https://npm.io/package/@beisen-cmps/common-func.md)
- [@beisen-cmps/react-icons](https://npm.io/package/@beisen-cmps/react-icons.md)
- [@beisen-cmps/tab-component](https://npm.io/package/@beisen-cmps/tab-component.md)

## Recent versions

- 0.2.4 (latest) — 2018-11-16
- 0.2.3 — 2018-11-02
- 0.2.2 — 2018-11-01
- 0.2.1 — 2018-09-28
- 0.2.0 — 2018-09-27
- 0.0.15 — 2018-06-19
- 0.0.14 — 2018-06-11
- 0.0.10 — 2018-05-24
- 0.0.9 — 2018-05-24
- 0.0.8 — 2018-05-24
- 0.0.7 — 2018-05-24
- 0.0.6 — 2018-05-24
- 0.0.5 — 2018-05-17
- 0.0.4 — 2018-05-17
- 0.0.3 — 2018-05-17
- … 2 more at https://npm.io/package/@beisen-cmps/area-selector/versions

## README

# area-selector 使用说明

## 项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）

## base-button参数

```javascript

	{
      data: AreaData,
      isSingleSelect: false,  //单多选
      totalCount: 99,         // 可选总数
      allLevelDisplay:true,   //是否显示所有级别，默认true
      hiddenTip:false,        //ToolTip的hidden字段，默认false
      sideTip:false,          //ToolTip的side字段，默认false
      defaultResults: [       // 默认选中
        {
          name: '全国',
          id: 1
        },
        {
          id: 3702,
          name: '青岛市'
        }
      ],
      sureClick: function (data) {
        console.log(data);
      },
      cancelClick: function () {
        console.log(11)
      }
    }

```

## base-button调用方法

1.安装npm组件包

```
npm install @beisen/area-selector --save-dev
```

2.引用组件

  ```javascript
import AreaSelect from "@beisen/area-selector"
  ```


3. 传入参数

	该参数为上述参数，传入方式使用: {...参数}
	```javascript
	class Demo extends Component{
    
    render () {
      const _data = {
        data: AreaData,
        isSingleSelect: false,
        totalCount: 99,
        defaultResults: [
          {
            name: '全国',
            id: 1
          },
          {
            id: 3702,
            name: '青岛市'
          }
        ],
        sureClick: function (data) {
          console.log(data);
        },
        cancelClick: function () {
          console.log(11)
        }
      }
      return (
        <div>
            <App {..._data}/>
        </div>
      )
    }
  }
  render(<Demo />, document.getElementById('content'))
	```

---
_Source: https://npm.io/package/@beisen-cmps/area-selector · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._