h5版本地址组件

本组件基于yarn构建, sidebar组件开发

安装

npm i tf-react-h5-addr

引入

import AddrSidebar from 'tf-react-h5-addr'
import 'tf-react-h5-addr/dist/index.min.css'

使用

<AddrSidebar
  value={value} // value必须是[{val: '', label: ''}]这种格式

  onOk={ // 选中回调
    (vals) => {
      console.log('onOk',vals)
      this.setState({value: vals})
    }
  }
  onChange={ // 改变回调
    (vals, val) => {
      console.log('onChange',vals, val)
    }
  }

  onCancel={ // 取消回调函数
    () => {}
  }
  urls={['xx', 'xx']} // 请求地址
  requestParams={ // 传递给后端的参数
    {
      dog_ak: 'xx',
      dog_sk: 'xx',
      sourcecode: 'xx'
    }
  }
  level={4} // 支持到哪个层级

  // 以下是从sidebar组件继承的参数
  placement='bottom', // top, bottom, left, right 4个方向
  isClickMaskClose={true}
  onVisibleChange={
    (tag) => {}
  }
  hasMask={true}
  overlayClassName=''
  overlayStyle= {{}}
  visible={false}
>
  <div style={{background: 'red'}} >点击我触发: {this.state.value.map(v => v.label).join(', ')}</div>

</AddrSidebar>

更新日志

0.1.0
  版本发布