vue-slim-tables 0.0.6 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +51 -2
- package/dist/style.css +1 -0
- package/dist/types/components/loading_row.vue.d.ts +14 -0
- package/dist/types/components/table.vue.d.ts +83 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/use/filterable.d.ts +23 -0
- package/dist/vst.es.js +1905 -0
- package/dist/vst.es.js.map +1 -0
- package/dist/vst.umd.js +5 -0
- package/dist/vst.umd.js.map +1 -0
- package/package.json +39 -19
- package/dist/bundle.css +0 -2
- package/dist/bundle.js +0 -1
- package/src/js/components/data_row.vue +0 -17
- package/src/js/components/loading_row.vue +0 -20
- package/src/js/components/table.vue +0 -144
- package/src/js/index.js +0 -5
- package/src/stylesheets/index.scss +0 -59
- package/webpack.config.js +0 -48
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
@keyframes moving-gradient {
|
|
2
|
-
0% { background-position: -250px 0; }
|
|
3
|
-
100% { background-position: 250px 0; }
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.vue-slim-tables-loading-row div {
|
|
7
|
-
height: 20px;
|
|
8
|
-
background: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 90%);
|
|
9
|
-
background-size: 500px 20px;
|
|
10
|
-
animation-name: moving-gradient;
|
|
11
|
-
animation-duration: 1s;
|
|
12
|
-
animation-iteration-count: infinite;
|
|
13
|
-
animation-timing-function: linear;
|
|
14
|
-
animation-fill-mode: forwards;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
tr td.vue-slim-tables-loading-row {
|
|
18
|
-
@for $i from 1 through 10 {
|
|
19
|
-
&-#{$i} div {
|
|
20
|
-
animation-delay: #{($i - 11)*100}ms;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.slim-table {
|
|
26
|
-
&-th {
|
|
27
|
-
line-height: 20px;
|
|
28
|
-
|
|
29
|
-
&:hover {
|
|
30
|
-
cursor: pointer;
|
|
31
|
-
|
|
32
|
-
.slim-table-orderable {
|
|
33
|
-
color: #ccc !important;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&-orderable {
|
|
39
|
-
font-size: 20px;
|
|
40
|
-
float: right;
|
|
41
|
-
color: #555 !important;
|
|
42
|
-
|
|
43
|
-
&:after {
|
|
44
|
-
content: " \2194";
|
|
45
|
-
display: inline-block;
|
|
46
|
-
transform: rotate(-90deg);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&.desc:after {
|
|
50
|
-
content: " \2191";
|
|
51
|
-
transform: rotate(0);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&.asc:after {
|
|
55
|
-
content: " \2193";
|
|
56
|
-
transform: rotate(0);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
package/webpack.config.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
const path = require('path');
|
|
2
|
-
const { VueLoaderPlugin } = require('vue-loader');
|
|
3
|
-
const TerserPlugin = require('terser-webpack-plugin');
|
|
4
|
-
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
5
|
-
|
|
6
|
-
module.exports = {
|
|
7
|
-
mode: 'production',
|
|
8
|
-
entry: {
|
|
9
|
-
bundle: './src/js/index.js'
|
|
10
|
-
},
|
|
11
|
-
output: {
|
|
12
|
-
filename: '[name].js',
|
|
13
|
-
library: 'VueSlimTable',
|
|
14
|
-
libraryTarget: 'umd'
|
|
15
|
-
},
|
|
16
|
-
module: {
|
|
17
|
-
rules: [
|
|
18
|
-
{
|
|
19
|
-
test: /\.vue$/,
|
|
20
|
-
loader: 'vue-loader'
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
test: /\.js$/,
|
|
24
|
-
loader: 'babel-loader',
|
|
25
|
-
include: __dirname,
|
|
26
|
-
exclude: /node_modules/
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
test: /\.scss$/,
|
|
30
|
-
use: [
|
|
31
|
-
process.env.NODE_ENV === 'production' ? MiniCssExtractPlugin.loader : 'style-loader',
|
|
32
|
-
'css-loader',
|
|
33
|
-
'sass-loader'
|
|
34
|
-
],
|
|
35
|
-
}
|
|
36
|
-
]
|
|
37
|
-
},
|
|
38
|
-
plugins: [
|
|
39
|
-
new VueLoaderPlugin(),
|
|
40
|
-
new MiniCssExtractPlugin({
|
|
41
|
-
filename: '[name].css'
|
|
42
|
-
})
|
|
43
|
-
],
|
|
44
|
-
optimization: {
|
|
45
|
-
minimize: true,
|
|
46
|
-
minimizer: [new TerserPlugin()]
|
|
47
|
-
}
|
|
48
|
-
};
|