区域选择控件

项目描述

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

项目运行

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'))