react-position-select-hm

position select hm

中文文档

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

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 | 组件是否显示 | bool | false defaultValue | 默认初始化数据 （[数据](### 默认初始化数据)） | obj | {building:{大楼对象},floor:{楼层对象}} onClose | 点击关闭X回调 | func | function(){} onChange | 选择完成后回调 | func | function(data){} , data包含{building:{大楼对象},floor:{楼层对象}} placeholder | 选择 | string | '请选择' okButtonText | 确认按钮文字 | string | '确定' cancelButtonText | 重置按钮文字 | string | '重置' buildingName | 大楼名称key | string | 'name' buildingId | 大楼id key | string | 'id' floorName | 楼层名称key | string | 'name' floorId | 楼层id key | string | '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