/
githubmirror
/
algorithm-visualizer
Обзор
Документация
Войти
/
githubmirror
/
algorithm-visualizer
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/Divider/index.js
40 строк
1 KB
Jason Park
Rename jsx and scss files
09 июн 2019, 17:39
09 июн 2019, 17:39
60fcab5
Код
Авторство
О чём код?
import React from 'react'; import { classes } from 'common/util'; import styles from './Divider.module.scss'; class Divider extends React.Component { constructor(props) { super(props); this.handleMouseDown = this.handleMouseDown.bind(this); this.handleMouseMove = this.handleMouseMove.bind(this); this.handleMouseUp = this.handleMouseUp.bind(this); } handleMouseDown(e) { this.target = e.target; document.addEventListener('mousemove', this.handleMouseMove); document.addEventListener('mouseup', this.handleMouseUp); } handleMouseMove(e) { const { onResize } = this.props; if (onResize) onResize(this.target.parentElement, e.clientX, e.clientY); } handleMouseUp(e) { document.removeEventListener('mousemove', this.handleMouseMove); document.removeEventListener('mouseup', this.handleMouseUp); } render() { const { className, horizontal } = this.props; return ( <div className={classes(styles.divider, horizontal ? styles.horizontal : styles.vertical, className)} onMouseDown={this.handleMouseDown} /> ); } } export default Divider;