@eturnity/eturnity_reusable_components 1.0.41 → 1.0.42
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/package.json +1 -1
- package/src/App.vue +1 -1
- package/src/components/tables/mainTable/index.vue +29 -10
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<table-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<table-
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
<page-container>
|
|
3
|
+
<table-title v-if="titleText">
|
|
4
|
+
{{ titleText }}
|
|
5
|
+
</table-title>
|
|
6
|
+
<table-scroll>
|
|
7
|
+
<table-wrapper :fullWidth="fullWidth">
|
|
8
|
+
<spinner-wrapper v-if="isLoading">
|
|
9
|
+
<spinner />
|
|
10
|
+
</spinner-wrapper>
|
|
11
|
+
<table-container v-else>
|
|
12
|
+
<slot />
|
|
13
|
+
</table-container>
|
|
14
|
+
</table-wrapper>
|
|
15
|
+
</table-scroll>
|
|
16
|
+
</page-container>
|
|
12
17
|
</template>
|
|
13
18
|
|
|
14
19
|
<script>
|
|
@@ -17,6 +22,14 @@
|
|
|
17
22
|
import styled from "vue-styled-components"
|
|
18
23
|
import Spinner from "../../spinner"
|
|
19
24
|
|
|
25
|
+
const PageContainer = styled.div``
|
|
26
|
+
|
|
27
|
+
const TableTitle = styled.div`
|
|
28
|
+
margin-bottom: 6px;
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
font-size: 13px;
|
|
31
|
+
`
|
|
32
|
+
|
|
20
33
|
const TableScroll = styled.div`
|
|
21
34
|
position: relative;
|
|
22
35
|
max-width: 100%;
|
|
@@ -271,6 +284,8 @@ export default {
|
|
|
271
284
|
SpinnerWrapper,
|
|
272
285
|
Spinner,
|
|
273
286
|
TableContainer,
|
|
287
|
+
PageContainer,
|
|
288
|
+
TableTitle,
|
|
274
289
|
},
|
|
275
290
|
props: {
|
|
276
291
|
fullWidth: {
|
|
@@ -281,6 +296,10 @@ export default {
|
|
|
281
296
|
required: false,
|
|
282
297
|
default: false,
|
|
283
298
|
},
|
|
299
|
+
titleText: {
|
|
300
|
+
required: false,
|
|
301
|
+
default: null,
|
|
302
|
+
},
|
|
284
303
|
},
|
|
285
304
|
}
|
|
286
305
|
</script>
|