Skip to content

Commit 8c1e1c6

Browse files
ChuChenchengChuChencheng
committed
doc: Add demo
1 parent d118292 commit 8c1e1c6

15 files changed

+55
-23
lines changed

‎.env.docs

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
NODE_ENV=production
2+
VUE_APP_IS_BUILDING_DOCS=true
3+
VUE_APP_PUBLIC_PATH=/ctree
4+
VUE_APP_OUTPUT_DIR=docs

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
debug.log
12
.DS_Store
23
node_modules
34
/dist

‎README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
# CTree 2.x
22

3+
[在线 demo](https://wsfe.github.io/ctree/)
4+
35
## 安装
46

57
### yarn 安装方式

‎docs/css/main.4a7507e0.css

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

‎docs/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/ctree/favicon.ico><title>ctree</title><link href=/ctree/css/main.4a7507e0.css rel=preload as=style><link href=/ctree/js/chunk-vendors.858205c1.js rel=preload as=script><link href=/ctree/js/main.647a3555.js rel=preload as=script><link href=/ctree/css/main.4a7507e0.css rel=stylesheet></head><body><noscript><strong>We're sorry but ctree doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/ctree/js/chunk-vendors.858205c1.js></script><script src=/ctree/js/main.647a3555.js></script></body></html>

‎docs/js/chunk-vendors.858205c1.js

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

‎docs/js/main.647a3555.js

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

‎examples/App.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,12 @@ const components = {
3434
Performance,
3535
Loading,
3636
Search,
37-
SearchRemote,
38-
SearchRootRemote,
37+
// SearchRemote,
38+
// SearchRootRemote,
3939
Drop,
40-
DropRemote,
40+
// DropRemote,
4141
Drag,
42-
DropDataChange,
42+
// DropDataChange,
4343
InsertRenderTree,
4444
}
4545

‎examples/Drop.vue

Lines changed: 16 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,8 @@
33
<CTreeDrop
44
v-model="value"
55
:data="data"
6-
selectable
6+
checkable
77
clearable
8-
:cascade="false"
98
drop-placeholder="请选择"
109
:placement="placement"
1110
:dropdown-min-width="300"
@@ -38,11 +37,11 @@ export default {
3837
CTreeDrop,
3938
},
4039
data () {
41-
// const data = genData().data
42-
const data = [{
43-
id: '1',
44-
title: 'zzz',
45-
}]
40+
const data = genData().data
41+
// const data = [{
42+
// id: '1',
43+
// title: 'zzz',
44+
// }]
4645
// data[0].checked = true
4746
// data[2].checked = true
4847
// data[4].checked = true
@@ -57,15 +56,15 @@ export default {
5756
console.log('checked-change')
5857
},
5958
},
60-
created () {
61-
setTimeout(() => {
62-
this.data = [
63-
{
64-
id: '2',
65-
title: 'xxcxxxx',
66-
}
67-
]
68-
}, 3000)
69-
},
59+
// created () {
60+
// setTimeout(() => {
61+
// this.data = [
62+
// {
63+
// id: '2',
64+
// title: 'xxcxxxx',
65+
// }
66+
// ]
67+
// }, 3000)
68+
// },
7069
}
7170
</script>

‎examples/Performance.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
</div>
1111
<div class="control">
1212
<div class="desc-block">
13-
<p>说明：在 Chrome 下表现良好，可实现 100 万条数据较流畅使用。</p>
14-
<p>在火狐浏览器下，因为其异步滚动策略 (scroll-linked) ，在快速滚动时会导致内容空白(Edge 也会空白，但貌似是单纯的性能不足导致的)。</p>
13+
<p>说明：在 Chrome 下表现良好</p>
14+
<p>在火狐浏览器下，因为其异步滚动策略 (scroll-linked) ，在快速滚动时会导致内容空白。</p>
1515
<p>另：浏览器元素/文档是有最大高度限制的，过多数据会导致显示不正常(Chrome 下 100 万条可以正常显示，但是在火狐或 Edge 则不行)</p>
1616
</div>
1717
<div class="controls">

0 commit comments

Comments
 (0)