DxvLwRYF
/
bee-transfer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

文档修改

This commit is contained in:
liushaozhen 2019-03-15 11:06:28 +08:00
parent 44c9c0ebcb
commit 046240047b
7 changed files with 41 additions and 6405 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
demo/TransferDemo.scss
View File

@ -1,6 +1 @@
@import "../node_modules/tinper-bee-core/scss/index.scss";
@import "../src/Transfer.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 "../src/Transfer.scss";

6382
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

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

@ -2,6 +2,22 @@
两框之间的元素迁移，非常直观且有效。一个或多个元素选择后点击方向按钮转到另一列框中。左栏是“源”，右边是“目标”
## 何时使用
需要两框之间的元素迁移时
## 如何使用
```
import { Transfer } from 'tinper-bee';
or
import Transfer from 'bee-transfer';
import bee-transfer/build/Transfer.css;
```
## 代码演示
## API
@ -26,3 +42,9 @@
|footer|渲染底部的dom|ReactNode|-|
|lazy|懒加载dom|object|当tranfer放在bee-modal里 添加参数 lazy={container:"modal"}|
|onSearchChange|当搜索域变化的回调函数 参数(direction: 'left'|'right', event: Event)|func|-|
## 注意事项
暂无
## 更新日志

29
index.html
View File

@ -2,22 +2,23 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>tinper-bee demo</title>
<title>neoui-react-button</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>
<script src="//cdn.jsdelivr.net/highlight.js/9.8.0/highlight.min.js"></script>
<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/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>
<script src="./dist/demo.js"></script>
<div id="tinperBeeDemo"></div>
<script src="//cdn.jsdelivr.net/highlight.js/9.8.0/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
</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>
<script src="./dist/demo.js"></script>
</body>
</html>

2
package.json
View File

@ -65,4 +65,4 @@
"react-addons-test-utils": "15.3.2",
"react-dom": "15.3.2"
}
}
}