@beisen/area-selector

0.2.12 • Public • Published

area-selector 使用说明

项目运行

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

  2. npm run dev (开发环境打包 port:8080)

  3. npm run test (测试用例)

  4. npm run build (生产环境打包)

base-button参数

	{
      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.引用组件

import AreaSelect from "@beisen/area-selector"
  1. 传入参数

    该参数为上述参数,传入方式使用: {...参数}

    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(, document.getElementById('content')) ```

Dependents (4)

Package Sidebar

Install

npm i @beisen/area-selector

Weekly Downloads

4

Version

0.2.12

License

ISC

Unpacked Size

4.79 MB

Total Files

43

Last publish

Collaborators

  • beisencorp