@beisen/area-selector
v0.2.12
Published
area-selector
Downloads
194
Maintainers
Readme
区域选择控件
项目描述
- 当前版本只提供国内区域选择
项目运行
cnpm install 或 npm install cnpm使用教程
npm run dev (开发环境打包 port:8080)
npm run test (测试用例)
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'))