innov
/
bee-tree
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Wiki Activity

修改API文档

This commit is contained in:
yangchch6 2019-03-15 11:32:24 +08:00
parent 86d5573cf7
commit c1fc697cbe
8 changed files with 1741 additions and 8035 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
demo/TreeDemo.scss
View File

@ -1,10 +1,4 @@
@import "../node_modules/tinper-bee-core/scss/index.scss";
@import "../src/Tree.scss";
@import "../node_modules/bee-panel/src/Panel.scss";
@import "../node_modules/bee-layout/src/Layout.scss";
@import "../node_modules/bee-button/src/Button.scss";
@import "../node_modules/bee-transition/src/Transition.scss";
@import "../node_modules/bee-form-control/src/FormControl.scss";
.myCls.u-tree{

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

6527
dist/demo.css vendored
View File

File diff suppressed because it is too large Load Diff

2
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

3206
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

22
docs/api.md
View File

@ -1,5 +1,19 @@
# Tree
## 何时使用
文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。
## 如何使用
```
import { Tree } from 'tinper-bee';
or
import Tree from 'bee-tree';
import bee-tree/build/Tree.css;
```
## 代码演示
## API
@ -63,4 +77,10 @@
| focusable | function | 是否开启快捷键 |
| tab | - | tab 进入焦点，且选中第一行。|
| ↑、↓ | - | ↑(上箭)、↓(下箭) 选中上一行、选中下一行。 |
| ←、→ | - | ←(左箭)、→(右箭) 收起、展开。 |
| ←、→ | - | ←(左箭)、→(右箭) 收起、展开。 |
## 注意事项
暂无
## 更新日志

9
index.html
View File

@ -4,7 +4,8 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>tinper-bee demo</title>
<link rel="stylesheet" href="./dist/demo.css">
<link rel="stylesheet" href="./demo/atom-one-dark.css">
<link rel="stylesheet" href="./demo/atom-one-dark.css">
<link href="//design.yonyoucloud.com/static/tinper-bee/latest/assets/tinper-bee.css" rel="stylesheet" media="screen" />
</head>
<body style="background: #eceff1">
<div id="tinperBeeDemo"></div>
@ -12,9 +13,9 @@
<script>
hljs.initHighlightingOnLoad();
</script>
<script src="./node_modules/console-polyfill/index.js"></script>
<script src="./node_modules/es5-shim/es5-shim.min.js"></script>
<script src="./node_modules/es5-shim/es5-sham.min.js"></script>
<script src="//design.yonyoucloud.com/static/console-polyfill/console-polyfill.js"></script>
<script src="//design.yonyoucloud.com/static/es5-shim/es5-shim.min.js"></script>
<script src="//design.yonyoucloud.com/static/es5-shim/es5-sham.min.js"></script>
<script src="//design.yonyoucloud.com/static/react/16.0.0/umd/react.development.js"></script>
<script src="//design.yonyoucloud.com/static/react/16.0.0/umd/react-dom.development.js"></script>
<script src="//design.yonyoucloud.com/static/prop-types/15.6.0/prop-types.min.js"></script>