import React,{useState} from 'react';
import { connect } from 'umi';
import { TreeSelect } from 'antd'
// 部门树
const DepartTree = (props) => {
    const { treeData, onChange , value} = props
    console.log(props)
    let allUser = []
    const initTreeData = (tree) => {
        if (!tree || tree?.length === 0) return;
        return tree && tree.length && tree.map(item => {
            const users = item?.userList || []
            let children = initTreeData(item.subList);
            return {
                title: item.name,
                key: item.id,
                id: item.id,
                children,
                selectable: true
            }
        })
    }
    const treeDataList = initTreeData(treeData)
    const onSelect = (value, node, extra) => {
        console.log(value, node, extra)
        onChange(node.id)
    }
    const changeAction = (value) => {
        onChange(value)
    }

    return <TreeSelect
        value={value}
        style={{ width: '100%' }}
        allowClear
        placeholder="请选择"
        treeData={treeDataList}
        onSelect={onSelect}
        onChange={changeAction}
        showSearch
        treeNodeFilterProp="title"
    />
}

export default connect(({ user,commonDevice, loading }) => ({
    user,commonDevice,
    loading:loading.models.commonDevice || loading.models.user
}))(DepartTree)