0.0.1 • Published 3 years ago

react-position-select-hm v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

react-position-select-hm

position select hm

中文文档

威发微服务位置选择组件定制内容/Wafer microservice position select hm component

GitHub license npm NPM downloads

Example

Example

How to use

install

yarn add react-position-select-hm

React

import {PositionSelectHM} from 'react-position-select-hm';

<PositionSelectHM {...props}/>
属性描述类型默认值
spaceTree空间数据(Data(###Space Data))array[]
showPositionSelect组件是否显示boolfalse
defaultValue默认初始化数据 (数据(### 默认初始化数据))obj{building:{大楼对象},floor:{楼层对象}}
onClose点击关闭X回调funcfunction(){}
onChange选择完成后回调funcfunction(data){} , data包含{building:{大楼对象},floor:{楼层对象}}
placeholder选择string'请选择'
okButtonText确认按钮文字string'确定'
cancelButtonText重置按钮文字string'重置'
buildingName大楼名称keystring'name'
buildingId大楼id keystring'id'
floorName楼层名称keystring'name'
floorId楼层id keystring'id'
floorErrorTip重置按钮文字string'请选择楼层'

defaultValue: PropTypes.array, // 默认值 okButtonText: PropTypes.string, // 确认按钮文字 cancelButtonText: PropTypes.string, // 重置按钮文字 floorErrorTip: PropTypes.string, // 未选择楼层错误提示 buildingName:PropTypes.string, // 大楼名称key buildingId:PropTypes.string, // 大楼id key floorName:PropTypes.string, // 楼层名称key floorId:PropTypes.string, // 楼层id key

Space Data

export const space3 = [
  {"id": 2, "name": "会议室区域", "parentId": 1, "children": [
      {id:1,name:'A'},
      {id:2,name:'A1'},
      {id:3,name:'A2'},
      {id:4,name:'A3'},
      {id:5,name:'A4'},
      {id:6,name:'A5'},
    ]}, {
    "id": 3,
    "name": "零一广场",
    "parentId": 1,
    "children": [
      {id:1,name:'A'},
      {id:2,name:'A1'},
      {id:3,name:'A2'},
      {id:4,name:'A3'},
      {id:5,name:'A4'},
      {id:6,name:'A5'},
    ]
  }, {"id": 4, "name": "弄撒", "parentId": 1, "children": [
      {id:1,name:'A'},
      {id:2,name:'A1'},
      {id:3,name:'A2'},
      {id:4,name:'A3'},
      {id:5,name:'A4'},
      {id:6,name:'A5'},
    ]}, {
    "id": 5,
    "name": "雁塔区",
    "parentId": 1,
    "children": [
      {id:1,name:'A'},
      {id:2,name:'A1'},
      {id:3,name:'A2'},
      {id:4,name:'A3'},
      {id:5,name:'A4'},
      {id:6,name:'A5'},
    ]
  }, {"id": 6, "name": "莲湖区", "parentId": 1, "children": [
      {id:1,name:'A'},
      {id:2,name:'A1'},
      {id:3,name:'A2'},
      {id:4,name:'A3'},
      {id:5,name:'A4'},
      {id:6,name:'A5'},
    ]}
]

defaultValue

 {building:{大楼对象},floor:{楼层对象}}

Development

$ git clone https://github.com/wafersystems/react-position-select-hm.git
$ yarn
$ yarn start