@beisen/area-selector

area-selector

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@beisen/area-selector
0.2.123 years ago6 years agoMinified + gzip package size for @beisen/area-selector in KB

Readme

区域选择控件

项目描述

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

项目运行

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

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

  1. npm run test (测试用例)

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