# @beisen-platform/area-selector

> 用于选择地区，多配合着选择器一起使用，可配置单选或多选

Latest version **2.2.0-rc.3** (published 2019-07-01) · ISC license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.2.0-rc.3 |
| Published | 2019-07-01 |
| First published | 2018-11-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 1.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

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

## Dependencies (4)

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

## Recent versions

- 2.2.0-rc.3 (latest) — 2019-07-01
- 2.2.0-rc.2 — 2019-06-19
- 2.2.0-rc.1 — 2019-06-17
- 2.1.5 — 2019-06-05
- 2.1.4-rc.1 — 2019-06-05
- 2.1.3 — 2019-05-23
- 2.1.2 — 2019-05-23
- 2.1.1 — 2019-05-23
- 2.1.0 — 2019-05-23
- 2.0.4-rc.1 — 2019-04-29
- 2.0.4 — 2019-04-16
- 2.0.3 — 2019-04-11
- 2.0.2 — 2019-04-03
- 2.0.1 — 2019-04-03
- 2.0.0 — 2019-04-03
- … 8 more at https://npm.io/package/@beisen-platform/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
      allowContainsChildren: 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-platform/area-selector · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._