Skip to content

Commit 970d40f

Browse files
author
yinquan
committed
bundle the examples via webpack
1 parent d637e34 commit 970d40f

File tree

13 files changed

+5575
-52
lines changed

13 files changed

+5575
-52
lines changed

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ A highly customizable tree component for vue 3.
4040

4141
引入
4242
```
43-
import VueTree from 'vue-tree'
43+
import VueTree from '@tinywisp/vue-tree'
4444
```
4545

4646
示例
@@ -142,7 +142,7 @@ export default {
142142

143143
import the library
144144
```
145-
import VueTree from 'vue-tree'
145+
import VueTree from '@tinywisp/vue-tree'
146146
```
147147

148148
usage

‎build.docs.config.js‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
const path = require('path')
2+
const { VueLoaderPlugin } = require('vue-loader')
3+
const HtmlWebpackPlugin = require('html-webpack-plugin')
4+
const CopyPlugin = require("copy-webpack-plugin")
5+
6+
module.exports = {
7+
entry: './example/main.js',
8+
mode: 'development',
9+
output: {
10+
filename: 'main.js',
11+
path: path.resolve(__dirname, 'docs'),
12+
publicPath: '/vue-tree/'
13+
},
14+
module: {
15+
rules: [
16+
{
17+
test: /.vue$/,
18+
use: 'vue-loader'
19+
},
20+
{
21+
test: /.css$/,
22+
use: ['style-loader', 'css-loader']
23+
}
24+
]
25+
},
26+
plugins: [
27+
new VueLoaderPlugin(),
28+
new HtmlWebpackPlugin({
29+
filename: 'index.html',
30+
template: 'index.html',
31+
inject: true
32+
}),
33+
new CopyPlugin({
34+
patterns: [
35+
{
36+
from: __dirname + '/public',
37+
to: __dirname + '/docs'
38+
}
39+
]
40+
})
41+
]
42+
};

‎docs/assets/index.0f3a47e9.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/assets/index.a9c8eb3d.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/assets/vendor.750176a4.js‎

Lines changed: 0 additions & 6 deletions
This file was deleted.

‎docs/index.html‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,12 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<link rel="icon" href="/vue-tree/favicon.ico" />
5+
<link rel="icon" href="/favicon.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>Vite App</title>
8-
<script type="module" crossorigin src="/vue-tree/assets/index.a9c8eb3d.js"></script>
9-
<link rel="modulepreload" href="/vue-tree/assets/vendor.750176a4.js">
10-
<link rel="stylesheet" href="/vue-tree/assets/index.0f3a47e9.css">
11-
</head>
8+
<script defer src="/vue-tree/main.js"></script></head>
129
<body>
1310
<div id="app"></div>
14-
11+
<script type="module" src="/example/main.js"></script>
1512
</body>
1613
</html>

‎docs/main.js‎

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

‎example/App.vue‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,26 @@
11
<template>
2-
<router-view></router-view>
2+
<div id="app">
3+
<router-view></router-view>
4+
</div>
35
</template>
46

57
<script>
68
export default {
79
name: 'App',
810
}
911
</script>
12+
13+
<style>
14+
#app {
15+
font-family: Avenir, Helvetica, Arial, sans-serif;
16+
-webkit-font-smoothing: antialiased;
17+
-moz-osx-font-smoothing: grayscale;
18+
text-align: center;
19+
color: #2c3e50;
20+
margin-top: 0;
21+
}
22+
23+
body {
24+
margin: 0;
25+
}
26+
</style>

‎example/views/CustomAppearanceIconExample.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@
55
:tree="tree"
66
class="tree">
77
<template v-slot:icon="{node}">
8-
<img class="node-icon" src="/folder.svg" v-if="node.hasChild && node.directoryState === 'collapsed'"/>
9-
<img class="node-icon" src="/folder-open.svg" v-else-if="node.hasChild && node.directoryState === 'expanded'"/>
10-
<img class="node-icon" src="/video.svg" v-else-if="!node.hasChild && node.type === 'video'"/>
11-
<img class="node-icon" src="/audio.svg" v-else-if="!node.hasChild && node.type === 'audio'"/>
12-
<img class="node-icon" src="/text.svg" v-else />
8+
<img class="node-icon" src="folder.svg" v-if="node.hasChild && node.directoryState === 'collapsed'"/>
9+
<img class="node-icon" src="folder-open.svg" v-else-if="node.hasChild && node.directoryState === 'expanded'"/>
10+
<img class="node-icon" src="video.svg" v-else-if="!node.hasChild && node.type === 'video'"/>
11+
<img class="node-icon" src="audio.svg" v-else-if="!node.hasChild && node.type === 'audio'"/>
12+
<img class="node-icon" src="text.svg" v-else />
1313
</template>
1414
<template v-slot:switcher="{node}">
1515
<svg class="switcher-icon collapsed" viewBox="-3 -3 38 38" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px" v-if="node.directoryState === 'collapsed'">

0 commit comments

Comments
 (0)