JSPM

rc-tree

0.15.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2135449
  • Score
    100M100P100Q187650F

tree ui component for react

Package Exports

  • rc-tree
  • rc-tree/assets/index.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-tree) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

rc-tree


tree ui component for react

NPM version build status Test coverage gemnasium deps node version npm download Sauce Test Status

Sauce Test Status

Screenshots

Feature

  • support ie8,ie8+,chrome,firefox,safari

Example

http://localhost:8018/examples/

online example: http://react-component.github.io/tree/examples/

install

rc-tree

Usage

var React = require('react');
var Tree = require('rc-tree');
var TreeNode = Tree.TreeNode;
React.render(
  <Tree>
    <TreeNode>leaf </TreeNode>
    <TreeNode>leaf </TreeNode>
  <Tree/>, container);

API

Tree props

name description type default
className additional css class of root dom node String ''
prefixCls prefix class String ''
showLine whether show line bool true
showIcon whether show icon bool true
multiple whether multiple select bool false
checkable whether support checked bool/React Node false
defaultExpandAll expand all treeNodes bool false
defaultExpandedKeys expand specific treeNodes String[] false
defaultCheckedKeys default checked treeNodes String[] []
defaultSelectedKeys default selected treeNodes String[] []
onCheck click the treeNode/checkbox to fire function(e:{checked:bool,node,checkedKeys,event}) -
onSelect click the treeNode to fire function(e:{selected:bool,node,checkedKeys,event}) -

TreeNode props

name description type default
className additional class to treeNode String ''
disabled whether disabled the treeNode bool false
title tree/subTree's title String '---'
key it's used with tree props's defaultExpandedKeys/defaultCheckedKeys/defaultSelectedKeys String treeNode's position

Development

npm install
npm start

Test Case

http://localhost:8003/tests/runner.html?coverage

Coverage

http://localhost:8003/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8003/tests/runner.html?coverage

License

rc-tree is released under the MIT license.