@beisen/area-selector

area-selector

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen/area-selector
Minified + gzip package size for @beisen/area-selector in KB

Readme

区域选择控件

项目描述

  • 当前版本只提供国内区域选择

项目运行

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

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

  3. npm run test (测试用例)

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

参数

props

offset: {}, // 偏移量
hidden: false, // 是否渲染 
multi: false, // 单多选 默认 false
multiCount: 1, // 单选时只能为1 默认为1
onSureClick: (val) => {console.log(val)}, // 确定回调 返回当前已选
onCancelClick: () => {}, // 取消回调
data: temp // 暂时数据

propsTypes

AreaSelector.propTypes = {
    hidden: PropTypes.bool.isRequired,
    onSureClick: PropTypes.func.isRequired,
    onCancelClick: PropTypes.func.isRequired,
    multi: PropTypes.bool.isRequired,
    multiCount: PropTypes.number.isRequired,
    data: PropTypes.array.isRequired
};

AreaSelector 调用方法

1.安装npm组件包

npm install @beisen/AreaSelector --save-dev

2.引用组件

import AreaSelector from "@beisen/AreaSelector"

3.传入参数

使用方法


import AreaCode from './src/areaCode.js' // 静态数据

class Demo extends Component{
  render () {
    const temp = AreaCode;
    const Data = {
      offset: {          // 偏移量
        left: '10px',
        top: '20px'
      },
      hidden: false, // 是否渲染 
      multi: false, // 单多选 默认 false
      multiCount: 1, // 单选时只能为1 默认为1
      onSureClick: (val) => {console.log(val)}, // 确定回调 返回当前已选
      onCancelClick: () => {}, // 取消回调
      data: temp // 暂时数据
    }
    return (
      <div>
          <AreaSelector {...Data} />
      </div>
    )
  }
}
render(<Demo />, document.getElementById('content'))

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.