Skip to content

Commit a4c30ea

Browse files
chetoncheton
committed
v1.0.0-alpha.4
1 parent f73fa93 commit a4c30ea

File tree

5 files changed

+103
-98
lines changed

5 files changed

+103
-98
lines changed

‎dist/react-infinite-tree.js

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! react-infinite-tree v1.0.0-alpha.3 | (c) 2018 Cheton Wu <[email protected]> | MIT | https://github.com/cheton/react-infinite-tree */
1+
/*! react-infinite-tree v1.0.0-alpha.4 | (c) 2018 Cheton Wu <[email protected]> | MIT | https://github.com/cheton/react-infinite-tree */
22
exports["InfiniteTree"] =
33
/******/ (function(modules) { // webpackBootstrap
44
/******/ // The module cache
@@ -718,7 +718,8 @@ var _class = function (_Component) {
718718
onWillCloseNode = _props2.onWillCloseNode,
719719
onWillSelectNode = _props2.onWillSelectNode,
720720
style = _props2.style,
721-
props = _objectWithoutProperties(_props2, ['autoOpen', 'selectable', 'tabIndex', 'data', 'width', 'height', 'rowHeight', 'rowRenderer', 'loadNodes', 'shouldSelectNode', 'scrollOffset', 'scrollToIndex', 'onScroll', 'onContentWillUpdate', 'onContentDidUpdate', 'onOpenNode', 'onCloseNode', 'onSelectNode', 'onWillOpenNode', 'onWillCloseNode', 'onWillSelectNode', 'style']);
721+
children = _props2.children,
722+
props = _objectWithoutProperties(_props2, ['autoOpen', 'selectable', 'tabIndex', 'data', 'width', 'height', 'rowHeight', 'rowRenderer', 'loadNodes', 'shouldSelectNode', 'scrollOffset', 'scrollToIndex', 'onScroll', 'onContentWillUpdate', 'onContentDidUpdate', 'onOpenNode', 'onCloseNode', 'onSelectNode', 'onWillOpenNode', 'onWillCloseNode', 'onWillSelectNode', 'style', 'children']);
722723

723724
var render = typeof children === 'function' ? children : rowRenderer;
724725

‎dist/react-infinite-tree.min.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/bundle.js

Lines changed: 96 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -21948,20 +21948,100 @@ var Tree = function (_PureComponent) {
2194821948
value: function render() {
2194921949
var _this2 = this;
2195021950

21951-
return _react2.default.createElement(_src2.default, {
21952-
ref: function ref(node) {
21953-
_this2.tree = node ? node.tree : null;
21954-
},
21955-
style: {
21956-
border: '1px solid #ccc'
21951+
return _react2.default.createElement(
21952+
_src2.default,
21953+
{
21954+
ref: function ref(node) {
21955+
_this2.tree = node ? node.tree : null;
21956+
},
21957+
style: {
21958+
border: '1px solid #ccc'
21959+
},
21960+
autoOpen: true,
21961+
selectable: true,
21962+
tabIndex: 0,
21963+
data: this.data,
21964+
width: '100%',
21965+
height: 400,
21966+
rowHeight: 30,
21967+
loadNodes: function loadNodes(parentNode, done) {
21968+
var suffix = parentNode.id.replace(/(\w)+/, '');
21969+
var nodes = [{
21970+
id: 'node1' + suffix,
21971+
name: 'Node 1'
21972+
}, {
21973+
id: 'node2' + suffix,
21974+
name: 'Node 2'
21975+
}];
21976+
setTimeout(function () {
21977+
done(null, nodes);
21978+
}, 1000);
21979+
},
21980+
shouldSelectNode: function shouldSelectNode(node) {
21981+
// Defaults to null
21982+
if (!node || node === _this2.tree.getSelectedNode()) {
21983+
return false; // Prevent from deselecting the current node
21984+
}
21985+
return true;
21986+
},
21987+
onKeyUp: function onKeyUp(event) {
21988+
console.log('onKeyUp', event.target);
21989+
},
21990+
onKeyDown: function onKeyDown(event) {
21991+
console.log('onKeyDown', event.target);
21992+
21993+
event.preventDefault();
21994+
21995+
var node = _this2.tree.getSelectedNode();
21996+
var nodeIndex = _this2.tree.getSelectedIndex();
21997+
21998+
if (event.keyCode === 37) {
21999+
// Left
22000+
_this2.tree.closeNode(node);
22001+
} else if (event.keyCode === 38) {
22002+
// Up
22003+
var prevNode = _this2.tree.nodes[nodeIndex - 1] || node;
22004+
_this2.tree.selectNode(prevNode);
22005+
} else if (event.keyCode === 39) {
22006+
// Right
22007+
_this2.tree.openNode(node);
22008+
} else if (event.keyCode === 40) {
22009+
// Down
22010+
var nextNode = _this2.tree.nodes[nodeIndex + 1] || node;
22011+
_this2.tree.selectNode(nextNode);
22012+
}
22013+
},
22014+
onScroll: function onScroll(scrollOffset, event) {
22015+
console.log('onScroll', scrollOffset, event);
22016+
},
22017+
onContentWillUpdate: function onContentWillUpdate() {
22018+
console.log('onContentWillUpdate');
22019+
},
22020+
onContentDidUpdate: function onContentDidUpdate() {
22021+
console.log('onContentDidUpdate');
22022+
_this2.props.onUpdate(_this2.tree.getSelectedNode());
22023+
},
22024+
onOpenNode: function onOpenNode(node) {
22025+
console.log('onOpenNode:', node);
22026+
},
22027+
onCloseNode: function onCloseNode(node) {
22028+
console.log('onCloseNode:', node);
22029+
},
22030+
onSelectNode: function onSelectNode(node) {
22031+
console.log('onSelectNode:', node);
22032+
_this2.props.onUpdate(node);
22033+
},
22034+
onWillOpenNode: function onWillOpenNode(node) {
22035+
console.log('onWillOpenNode:', node);
22036+
},
22037+
onWillCloseNode: function onWillCloseNode(node) {
22038+
console.log('onWillCloseNode:', node);
22039+
},
22040+
onWillSelectNode: function onWillSelectNode(node) {
22041+
console.log('onWillSelectNode:', node);
22042+
}
2195722043
},
21958-
autoOpen: true,
21959-
selectable: true,
21960-
tabIndex: 0,
21961-
data: this.data,
21962-
width: '100%',
21963-
height: 400,
21964-
rowRenderer: function rowRenderer(_ref3) {
22044+
function (_ref3) {
2196522045
var node = _ref3.node,
2196622046
tree = _ref3.tree;
2196722047

@@ -21976,85 +22056,8 @@ var Tree = function (_PureComponent) {
2197622056
}
2197722057

2197822058
return renderTreeNode({ node: node, tree: tree, toggleState: toggleState });
21979-
},
21980-
rowHeight: 30,
21981-
loadNodes: function loadNodes(parentNode, done) {
21982-
var suffix = parentNode.id.replace(/(\w)+/, '');
21983-
var nodes = [{
21984-
id: 'node1' + suffix,
21985-
name: 'Node 1'
21986-
}, {
21987-
id: 'node2' + suffix,
21988-
name: 'Node 2'
21989-
}];
21990-
setTimeout(function () {
21991-
done(null, nodes);
21992-
}, 1000);
21993-
},
21994-
shouldSelectNode: function shouldSelectNode(node) {
21995-
// Defaults to null
21996-
if (!node || node === _this2.tree.getSelectedNode()) {
21997-
return false; // Prevent from deselecting the current node
21998-
}
21999-
return true;
22000-
},
22001-
onKeyUp: function onKeyUp(event) {
22002-
console.log('onKeyUp', event.target);
22003-
},
22004-
onKeyDown: function onKeyDown(event) {
22005-
console.log('onKeyDown', event.target);
22006-
22007-
event.preventDefault();
22008-
22009-
var node = _this2.tree.getSelectedNode();
22010-
var nodeIndex = _this2.tree.getSelectedIndex();
22011-
22012-
if (event.keyCode === 37) {
22013-
// Left
22014-
_this2.tree.closeNode(node);
22015-
} else if (event.keyCode === 38) {
22016-
// Up
22017-
var prevNode = _this2.tree.nodes[nodeIndex - 1] || node;
22018-
_this2.tree.selectNode(prevNode);
22019-
} else if (event.keyCode === 39) {
22020-
// Right
22021-
_this2.tree.openNode(node);
22022-
} else if (event.keyCode === 40) {
22023-
// Down
22024-
var nextNode = _this2.tree.nodes[nodeIndex + 1] || node;
22025-
_this2.tree.selectNode(nextNode);
22026-
}
22027-
},
22028-
onScroll: function onScroll(scrollOffset, event) {
22029-
console.log('onScroll', scrollOffset, event);
22030-
},
22031-
onContentWillUpdate: function onContentWillUpdate() {
22032-
console.log('onContentWillUpdate');
22033-
},
22034-
onContentDidUpdate: function onContentDidUpdate() {
22035-
console.log('onContentDidUpdate');
22036-
_this2.props.onUpdate(_this2.tree.getSelectedNode());
22037-
},
22038-
onOpenNode: function onOpenNode(node) {
22039-
console.log('onOpenNode:', node);
22040-
},
22041-
onCloseNode: function onCloseNode(node) {
22042-
console.log('onCloseNode:', node);
22043-
},
22044-
onSelectNode: function onSelectNode(node) {
22045-
console.log('onSelectNode:', node);
22046-
_this2.props.onUpdate(node);
22047-
},
22048-
onWillOpenNode: function onWillOpenNode(node) {
22049-
console.log('onWillOpenNode:', node);
22050-
},
22051-
onWillCloseNode: function onWillCloseNode(node) {
22052-
console.log('onWillCloseNode:', node);
22053-
},
22054-
onWillSelectNode: function onWillSelectNode(node) {
22055-
console.log('onWillSelectNode:', node);
2205622059
}
22057-
});
22060+
);
2205822061
}
2205922062
}]);
2206022063

@@ -25561,7 +25564,8 @@ var _class = function (_Component) {
2556125564
onWillCloseNode = _props2.onWillCloseNode,
2556225565
onWillSelectNode = _props2.onWillSelectNode,
2556325566
style = _props2.style,
25564-
props = _objectWithoutProperties(_props2, ['autoOpen', 'selectable', 'tabIndex', 'data', 'width', 'height', 'rowHeight', 'rowRenderer', 'loadNodes', 'shouldSelectNode', 'scrollOffset', 'scrollToIndex', 'onScroll', 'onContentWillUpdate', 'onContentDidUpdate', 'onOpenNode', 'onCloseNode', 'onSelectNode', 'onWillOpenNode', 'onWillCloseNode', 'onWillSelectNode', 'style']);
25567+
children = _props2.children,
25568+
props = _objectWithoutProperties(_props2, ['autoOpen', 'selectable', 'tabIndex', 'data', 'width', 'height', 'rowHeight', 'rowRenderer', 'loadNodes', 'shouldSelectNode', 'scrollOffset', 'scrollToIndex', 'onScroll', 'onContentWillUpdate', 'onContentDidUpdate', 'onOpenNode', 'onCloseNode', 'onSelectNode', 'onWillOpenNode', 'onWillCloseNode', 'onWillSelectNode', 'style', 'children']);
2556525569

2556625570
var render = typeof children === 'function' ? children : rowRenderer;
2556725571

‎docs/bundle.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-infinite-tree",
3-
"version": "1.0.0-alpha.3",
3+
"version": "1.0.0-alpha.4",
44
"description": "The infinite-tree library for React.",
55
"main": "lib/index.js",
66
"scripts": {

0 commit comments

Comments
 (0)