renusify 1.1.2 → 1.1.4
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/components/button/index.vue +1 -1
- package/components/button/style.scss +0 -1
- package/components/chat/chatInput.vue +2 -2
- package/components/form/address.vue +27 -25
- package/components/form/address_ir.vue +4 -4
- package/components/form/checkbox.vue +1 -1
- package/components/form/datePicker/index.vue +20 -20
- package/components/form/fileUploader/single.vue +2 -2
- package/components/form/group-input.vue +13 -6
- package/components/form/input.vue +5 -4
- package/components/form/inputTel/index.vue +166 -161
- package/components/form/json/JsonView.vue +15 -15
- package/components/form/json/index.vue +13 -13
- package/components/form/mask-input.vue +12 -11
- package/components/form/select.vue +12 -10
- package/components/form/text-editor/index.vue +40 -40
- package/components/form/unit-input.vue +4 -4
- package/components/formCreator/index.vue +57 -4
- package/components/index.js +37 -38
- package/components/infinite/div.vue +2 -2
- package/components/infinite/index.vue +4 -4
- package/components/infinite/page.vue +3 -3
- package/components/progress/{circular.vue → circle.vue} +6 -6
- package/components/progress/{liner.vue → line.vue} +12 -12
- package/components/progress/style.scss +29 -26
- package/components/searchBox/index.vue +1 -1
- package/components/slider/index.vue +1 -1
- package/components/table/crud/footer.vue +5 -4
- package/components/table/crud/header.vue +38 -38
- package/components/table/crud/index.vue +30 -29
- package/components/table/index.vue +4 -4
- package/package.json +1 -1
- /package/components/form/{uniqueFeild → unique}/index.vue +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div :aria-valuemax="100" :aria-valuemin="0"
|
|
3
3
|
:aria-valuenow="indeterminate ? undefined : normalizedValue"
|
|
4
|
-
:class="{[`${$r.prefix}progress-
|
|
5
|
-
[`${$r.prefix}progress-
|
|
4
|
+
:class="{[`${$r.prefix}progress-circle`]:true,
|
|
5
|
+
[`${$r.prefix}progress-circle-indeterminate`]:indeterminate}"
|
|
6
6
|
:style="styles"
|
|
7
7
|
role="progressbar">
|
|
8
8
|
<svg :style="svgStyles"
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
:stroke-dasharray="strokeDashArray"
|
|
15
15
|
:stroke-dashoffset="0"
|
|
16
16
|
:stroke-width="strokeWidth"
|
|
17
|
-
:class="`${$r.prefix}progress-
|
|
17
|
+
:class="`${$r.prefix}progress-circle-underlay`"
|
|
18
18
|
fill="transparent"
|
|
19
19
|
></circle>
|
|
20
20
|
<circle :cx="2 * viewBoxSize"
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
:stroke-dasharray="strokeDashArray"
|
|
24
24
|
:stroke-dashoffset="strokeDashOffset"
|
|
25
25
|
:stroke-width="strokeWidth"
|
|
26
|
-
:class="`${$r.prefix}progress-
|
|
26
|
+
:class="`${$r.prefix}progress-circle-overlay`"
|
|
27
27
|
fill="transparent"
|
|
28
28
|
></circle>
|
|
29
29
|
</svg>
|
|
30
|
-
<div :class="`${$r.prefix}progress-
|
|
30
|
+
<div :class="`${$r.prefix}progress-circle-info`">
|
|
31
31
|
<slot>
|
|
32
32
|
<span v-if="showPercent">{{ modelValue }} %</span>
|
|
33
33
|
</slot>
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
import './style.scss'
|
|
40
40
|
|
|
41
41
|
export default {
|
|
42
|
-
name: '
|
|
42
|
+
name: 'pcircle',
|
|
43
43
|
props: {
|
|
44
44
|
indeterminate: Boolean,
|
|
45
45
|
showPercent: Boolean,
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
import './style.scss'
|
|
17
17
|
|
|
18
18
|
export default {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
name: 'pline',
|
|
20
|
+
props: {
|
|
21
|
+
modelValue: [Number, String],
|
|
22
|
+
color: String,
|
|
23
|
+
progressStyle: [String, Object, Array],
|
|
24
|
+
showPercent: Boolean,
|
|
25
|
+
outlined: Boolean,
|
|
26
|
+
rounded: Boolean,
|
|
27
|
+
showBackground: Boolean,
|
|
28
|
+
size: {
|
|
29
|
+
type: String,
|
|
30
30
|
default: 'small',
|
|
31
31
|
validator: function (value) {
|
|
32
32
|
return ['small', 'medium', 'large', 'x-large'].indexOf(value) !== -1
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
classes() {
|
|
45
45
|
let c = ''
|
|
46
|
-
|
|
46
|
+
c += this.isIndeterminate ? 'line-indeterminate' : 'line-determinate'
|
|
47
47
|
|
|
48
48
|
if (this.color) {
|
|
49
49
|
c += ' ' + this.color
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@import "../../style/include";
|
|
2
2
|
|
|
3
|
-
$progress-
|
|
4
|
-
$progress-
|
|
5
|
-
$process-
|
|
6
|
-
$progress-
|
|
7
|
-
$progress-
|
|
3
|
+
$progress-circle-rotate-animation: progress-circle-rotate 1.4s linear infinite !default;
|
|
4
|
+
$progress-circle-rotate-dash: progress-circle-dash 1.4s ease-in-out infinite !default;
|
|
5
|
+
$process-circle-intermediate-svg-transition: all .2s ease-in-out !default;
|
|
6
|
+
$progress-circle-underlay-stroke: rgba(map-get($shades, 'black'), 0.1) !default;
|
|
7
|
+
$progress-circle-overlay-transition: all .6s ease-in-out !default;
|
|
8
8
|
|
|
9
|
-
.#{$prefix}progress-
|
|
9
|
+
.#{$prefix}progress-circle {
|
|
10
10
|
position: relative;
|
|
11
11
|
display: inline-flex;
|
|
12
12
|
vertical-align: middle;
|
|
@@ -27,13 +27,13 @@ $progress-circular-overlay-transition: all .6s ease-in-out !default;
|
|
|
27
27
|
|
|
28
28
|
&-indeterminate {
|
|
29
29
|
svg {
|
|
30
|
-
animation: $progress-
|
|
30
|
+
animation: $progress-circle-rotate-animation;
|
|
31
31
|
transform-origin: center center;
|
|
32
|
-
transition: $process-
|
|
32
|
+
transition: $process-circle-intermediate-svg-transition;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.#{$prefix}progress-
|
|
36
|
-
animation: $progress-
|
|
35
|
+
.#{$prefix}progress-circle-overlay {
|
|
36
|
+
animation: $progress-circle-rotate-dash;
|
|
37
37
|
stroke-linecap: round;
|
|
38
38
|
stroke-dasharray: 80, 200;
|
|
39
39
|
stroke-dashoffset: 0px;
|
|
@@ -47,18 +47,18 @@ $progress-circular-overlay-transition: all .6s ease-in-out !default;
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
&-underlay {
|
|
50
|
-
stroke: $progress-
|
|
50
|
+
stroke: $progress-circle-underlay-stroke;
|
|
51
51
|
z-index: 1
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
&-overlay {
|
|
55
55
|
stroke: currentColor;
|
|
56
56
|
z-index: 2;
|
|
57
|
-
transition: $progress-
|
|
57
|
+
transition: $progress-circle-overlay-transition
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
@keyframes progress-
|
|
61
|
+
@keyframes progress-circle-dash {
|
|
62
62
|
0% {
|
|
63
63
|
stroke-dasharray: 1, 200;
|
|
64
64
|
stroke-dashoffset: 0px
|
|
@@ -73,26 +73,29 @@ $progress-circular-overlay-transition: all .6s ease-in-out !default;
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
@keyframes progress-
|
|
76
|
+
@keyframes progress-circle-rotate {
|
|
77
77
|
100% {
|
|
78
78
|
transform: rotate(360deg)
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
|
|
83
|
-
//
|
|
83
|
+
//line
|
|
84
84
|
|
|
85
85
|
.#{$prefix}progress {
|
|
86
86
|
text-align: center;
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
87
|
+
|
|
88
|
+
&.progress-outlined {
|
|
89
|
+
color: var(--color-divider)
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.line-determinate {
|
|
93
|
+
background-color: var(--color-text-primary);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.line-indeterminate {
|
|
97
|
+
background-color: var(--color-text-primary);
|
|
98
|
+
}
|
|
96
99
|
|
|
97
100
|
.progress-background {
|
|
98
101
|
background-color: var(--color-divider);
|
|
@@ -153,7 +156,7 @@ $progress-circular-overlay-transition: all .6s ease-in-out !default;
|
|
|
153
156
|
}
|
|
154
157
|
}
|
|
155
158
|
|
|
156
|
-
.
|
|
159
|
+
.line-determinate {
|
|
157
160
|
position: absolute;
|
|
158
161
|
top: 0;
|
|
159
162
|
bottom: 0;
|
|
@@ -161,7 +164,7 @@ $progress-circular-overlay-transition: all .6s ease-in-out !default;
|
|
|
161
164
|
border-radius: 2px;
|
|
162
165
|
}
|
|
163
166
|
|
|
164
|
-
.
|
|
167
|
+
.line-indeterminate {
|
|
165
168
|
border-radius: 2px;
|
|
166
169
|
|
|
167
170
|
&:before {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
:value="lazyValue"
|
|
18
18
|
autocomplete="no"
|
|
19
19
|
/>
|
|
20
|
-
<r-progress-
|
|
20
|
+
<r-progress-line v-if="loading" color="color-two" class="w-full"></r-progress-line>
|
|
21
21
|
</r-input>
|
|
22
22
|
<r-card v-if="open&&(list.length>0||!loading)"
|
|
23
23
|
class="card-select z-important"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
'left':$r.rtl?prev:next,
|
|
6
6
|
'right':$r.rtl?next:prev
|
|
7
7
|
}">
|
|
8
|
-
<r-progress-
|
|
8
|
+
<r-progress-line v-if="autoplay &&progress" :model-value="remain" color="color-two"></r-progress-line>
|
|
9
9
|
<r-btn v-if="arrow" icon @click="prev" class="btn-left-arrow">
|
|
10
10
|
<r-icon v-html="$r.icons.chevron_left"></r-icon>
|
|
11
11
|
</r-btn>
|
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
<r-container class="container-fluid">
|
|
4
4
|
<r-row class="v-baseline h-end">
|
|
5
5
|
<r-col class="col-auto">
|
|
6
|
-
<r-select class="per-page" open-to-top :items="[
|
|
6
|
+
<r-select-input class="per-page" open-to-top :items="[
|
|
7
7
|
{name: '10', value: 10},
|
|
8
8
|
{name: '20', value: 20},
|
|
9
9
|
{name: '50', value: 50},
|
|
10
10
|
{name: '100', value: 100},
|
|
11
11
|
{name: '200', value: 200},
|
|
12
12
|
]"
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
disable-search
|
|
14
|
+
@update:modelValue="perPageE"
|
|
15
|
+
:modelValue="perPage"></r-select-input>
|
|
15
16
|
</r-col>
|
|
16
17
|
<r-col class="col-auto ms-1">{{totalSetup}}</r-col>
|
|
17
18
|
<r-col class="col-auto">
|
|
@@ -22,7 +23,7 @@
|
|
|
22
23
|
<r-icon v-html="this.$r.icons.chevron_left"></r-icon>
|
|
23
24
|
|
|
24
25
|
</r-btn>
|
|
25
|
-
|
|
26
|
+
<input name="input-page" type="text" :value="page" @input="pageN" class="input-page text-center">
|
|
26
27
|
<r-btn :disabled="endPage" @click.prevent="pageBtn('next')" class="btn-shaped"
|
|
27
28
|
icon
|
|
28
29
|
text>
|
|
@@ -35,23 +35,23 @@
|
|
|
35
35
|
</r-col>
|
|
36
36
|
<r-col v-else class="col-12">
|
|
37
37
|
<r-container class="pa-0" full-width>
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
<r-select-input :model-value="select" :items="header" text="text"
|
|
39
|
+
:label="$t('add','renusify')" @update:model-value="add"></r-select-input>
|
|
40
|
+
<r-divider class="my-3"></r-divider>
|
|
41
|
+
<template v-for="(item,i) in inputs" :key="i">
|
|
42
42
|
<r-row class="v-baseline" v-if="['text-input','text-area'].includes(item.option.type)">
|
|
43
|
-
|
|
44
|
-
<r-select v-model="item.advance.action"
|
|
45
|
-
|
|
43
|
+
<r-col class="col-5 md-3">
|
|
44
|
+
<r-select-input v-model="item.advance.action"
|
|
45
|
+
:items="[
|
|
46
46
|
{name:$t('advance_search_like','renusify'),value:'r'},
|
|
47
47
|
{name:$t('advance_search_not_like','renusify'),value:'nr'},
|
|
48
48
|
{name:$t('advance_search_equal','renusify'),value:'e'},
|
|
49
49
|
{name:$t('advance_search_not_equal','renusify'),value:'ne'},
|
|
50
50
|
{name:$t('advance_search_id','renusify'),value:'_id'}
|
|
51
51
|
]"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
justValue
|
|
53
|
+
firstSelect
|
|
54
|
+
:label="$t('advance_search_operator','renusify')"></r-select-input>
|
|
55
55
|
</r-col>
|
|
56
56
|
<r-col class="col-6 md-8">
|
|
57
57
|
<r-text-input v-model="item.advance.search" :label="item.text"></r-text-input>
|
|
@@ -64,20 +64,20 @@
|
|
|
64
64
|
</r-row>
|
|
65
65
|
<r-row class="v-baseline" v-else-if="'number'===item.option.type">
|
|
66
66
|
<r-col class="col-6 md-3">
|
|
67
|
-
<r-select v-model="item.advance.action"
|
|
68
|
-
|
|
67
|
+
<r-select-input v-model="item.advance.action"
|
|
68
|
+
:items="[
|
|
69
69
|
{name:$t('advance_search_equal','renusify'),value:'e'},
|
|
70
70
|
{name:$t('advance_search_not_equal','renusify'),value:'ne'},
|
|
71
71
|
{name:$t('advance_search_gt','renusify'),value:'gt'},
|
|
72
72
|
{name:$t('advance_search_gte','renusify'),value:'gte'},
|
|
73
73
|
{name:$t('advance_search_lt','renusify'),value:'lt'},
|
|
74
74
|
{name:$t('advance_search_lte','renusify'),value:'lte'}]"
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
firstSelect
|
|
76
|
+
justValue
|
|
77
|
+
:label="$t('advance_search_operator','renusify')"></r-select-input>
|
|
78
78
|
</r-col>
|
|
79
79
|
<r-col class="col-6 md-8">
|
|
80
|
-
<r-number v-model="item.advance.search" :label="item.text"></r-number>
|
|
80
|
+
<r-number-input v-model="item.advance.search" :label="item.text"></r-number-input>
|
|
81
81
|
</r-col>
|
|
82
82
|
<r-col class="col-1">
|
|
83
83
|
<r-btn class="color-error" icon @click.prevent="del(i)">
|
|
@@ -87,16 +87,16 @@
|
|
|
87
87
|
</r-row>
|
|
88
88
|
<r-row class="v-baseline" v-else-if="'switch'===item.option.type">
|
|
89
89
|
<r-col class="col-5 md-3">
|
|
90
|
-
<r-select v-model="item.advance.action"
|
|
91
|
-
|
|
90
|
+
<r-select-input v-model="item.advance.action"
|
|
91
|
+
:items="[
|
|
92
92
|
{name:$t('advance_search_equal','renusify'),value:'e'}
|
|
93
93
|
]"
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
94
|
+
justValue
|
|
95
|
+
firstSelect
|
|
96
|
+
:label="$t('advance_search_operator','renusify')"></r-select-input>
|
|
97
97
|
</r-col>
|
|
98
98
|
<r-col class="col-6 md-8">
|
|
99
|
-
<r-switch v-model="item.advance.search" :label="item.text"></r-switch>
|
|
99
|
+
<r-switch-input v-model="item.advance.search" :label="item.text"></r-switch-input>
|
|
100
100
|
</r-col>
|
|
101
101
|
<r-col class="col-1">
|
|
102
102
|
<r-btn class="color-error" icon @click.prevent="del(i)">
|
|
@@ -106,18 +106,18 @@
|
|
|
106
106
|
</r-row>
|
|
107
107
|
<r-row class="v-baseline" v-else-if="'select'===item.option.type">
|
|
108
108
|
<r-col class="col-5 md-3">
|
|
109
|
-
<r-select v-model="item.advance.action"
|
|
110
|
-
|
|
109
|
+
<r-select-input v-model="item.advance.action"
|
|
110
|
+
:items="[
|
|
111
111
|
{name:$t('advance_search_in','renusify'),value:'in'},
|
|
112
112
|
{name:$t('advance_search_not_in','renusify'),value:'nin'}
|
|
113
113
|
]"
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
justValue
|
|
115
|
+
firstSelect
|
|
116
|
+
:label="$t('advance_search_operator','renusify')"></r-select-input>
|
|
117
117
|
</r-col>
|
|
118
118
|
<r-col class="col-6 md-8">
|
|
119
|
-
<r-select v-model="item.advance.search" :label="item.text" :items="item.option.items"
|
|
120
|
-
|
|
119
|
+
<r-select-input v-model="item.advance.search" :label="item.text" :items="item.option.items"
|
|
120
|
+
multiple tags></r-select-input>
|
|
121
121
|
</r-col>
|
|
122
122
|
<r-col class="col-1">
|
|
123
123
|
<r-btn class="color-error" icon @click.prevent="del(i)">
|
|
@@ -125,21 +125,21 @@
|
|
|
125
125
|
</r-btn>
|
|
126
126
|
</r-col>
|
|
127
127
|
</r-row>
|
|
128
|
-
<r-row class="v-baseline" v-else-if="['date-
|
|
128
|
+
<r-row class="v-baseline" v-else-if="['date-input','time-ago'].includes(item.option.type)">
|
|
129
129
|
<r-col class="col-5 md-3" :a="item.advance.t='date'">
|
|
130
|
-
<r-select v-model="item.advance.action"
|
|
131
|
-
|
|
130
|
+
<r-select-input v-model="item.advance.action"
|
|
131
|
+
:items="[
|
|
132
132
|
{name:$t('advance_search_gt','renusify'),value:'gt'},
|
|
133
133
|
{name:$t('advance_search_gte','renusify'),value:'gte'},
|
|
134
134
|
{name:$t('advance_search_lt','renusify'),value:'lt'},
|
|
135
135
|
{name:$t('advance_search_lte','renusify'),value:'lte'}
|
|
136
136
|
]"
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
137
|
+
justValue
|
|
138
|
+
firstSelect
|
|
139
|
+
:label="$t('advance_search_operator','renusify')"></r-select-input>
|
|
140
140
|
</r-col>
|
|
141
141
|
<r-col class="col-6 md-8">
|
|
142
|
-
<r-date-
|
|
142
|
+
<r-date-input with-time v-model="item.advance.search" :label="item.text"></r-date-input>
|
|
143
143
|
</r-col>
|
|
144
144
|
<r-col class="col-1">
|
|
145
145
|
<r-btn class="color-error" icon @click.prevent="del(i)">
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
</r-col>
|
|
154
154
|
</r-row>
|
|
155
155
|
</r-container>
|
|
156
|
-
|
|
156
|
+
<r-progress-line color="color-two" v-if="loading"></r-progress-line>
|
|
157
157
|
<r-confirm
|
|
158
158
|
hard
|
|
159
159
|
v-model="showConfirm"
|
|
@@ -214,7 +214,7 @@
|
|
|
214
214
|
header() {
|
|
215
215
|
let res = []
|
|
216
216
|
this.headerTable.forEach((item) => {
|
|
217
|
-
if (['text-input', 'text-area', 'number', 'switch', 'select', 'date-
|
|
217
|
+
if (['text-input', 'text-area', 'number', 'switch', 'select', 'date-input', 'time-ago'].includes(item.option.type)) {
|
|
218
218
|
res.push(item)
|
|
219
219
|
}
|
|
220
220
|
})
|
|
@@ -24,23 +24,23 @@
|
|
|
24
24
|
v-for="(item,key) in table.option">
|
|
25
25
|
<template v-if="item['formInput']!==false">
|
|
26
26
|
|
|
27
|
-
|
|
28
|
-
v-model="copyItem['d'][key]"></r-json>
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
<r-json-input v-if="item['type']==='file-uploader'" baseArray :label="$t(key,'renusify')"
|
|
28
|
+
v-model="copyItem['d'][key]"></r-json-input>
|
|
29
|
+
<component
|
|
30
|
+
v-else
|
|
31
|
+
:is="'r-'+item['type']"
|
|
32
|
+
:label="$t(key,'renusify')"
|
|
33
|
+
v-model="copyItem['d'][key]"
|
|
34
|
+
v-bind="getAttr(table.option[key],copyItem['t'])"
|
|
35
|
+
></component>
|
|
36
36
|
</template>
|
|
37
37
|
</div>
|
|
38
38
|
|
|
39
39
|
<r-divider class="my-5"></r-divider>
|
|
40
40
|
<div class="d-flex h-space-between v-baseline">
|
|
41
41
|
<span>
|
|
42
|
-
<r-number v-if="copyItem['t']==='copy'" :label="$t('count_copy','renusify')"
|
|
43
|
-
|
|
42
|
+
<r-number-input v-if="copyItem['t']==='copy'" :label="$t('count_copy','renusify')"
|
|
43
|
+
v-model="copyItem['c']"></r-number-input>
|
|
44
44
|
</span>
|
|
45
45
|
<r-btn class="color-success" :loading="loading" @click="copyAll()">{{$t('send','renusify')}}</r-btn>
|
|
46
46
|
</div>
|
|
@@ -102,24 +102,25 @@
|
|
|
102
102
|
<r-icon v-html="props.opened!==props.key?$r.icons.plus:$r.icons.minus"></r-icon>
|
|
103
103
|
</r-btn>
|
|
104
104
|
<slot name="cell" :value="value" :item="props.item" :editItem="editItem">
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
105
|
+
<div v-if="value['option']['type']==='date-input' && props.item[value['value']]!==undefined">
|
|
106
|
+
{{ $d(new Date(props.item[value['value']]), value['option']['format'] || 'short') }}
|
|
107
|
+
</div>
|
|
108
|
+
<div
|
|
109
|
+
v-else-if="value['option']['type']==='time-ago' && props.item[value['value']]!==undefined">
|
|
110
|
+
<r-time-ago :time="props.item[value['value']]"></r-time-ago>
|
|
111
|
+
</div>
|
|
112
|
+
<div v-else-if="value['option']['type']==='switch-input'">
|
|
113
|
+
<r-switch-input
|
|
114
|
+
:readonly="value['option']['formInput']===false"
|
|
115
|
+
:modelValue="props.item[value['value']]"
|
|
116
|
+
@update:modelValue="value['option']['formInput']!==false?editItem(props.item,true,value['value']):''"
|
|
117
|
+
class="mt-0"
|
|
118
|
+
></r-switch-input>
|
|
119
|
+
</div>
|
|
120
|
+
<div v-else-if="value['option']['type'] === 'number-input'">
|
|
121
|
+
{{ $n(props.item[value["value"]]) }}
|
|
122
|
+
</div>
|
|
123
|
+
<div v-else-if="value['option']['type']!=='action'">
|
|
123
124
|
{{value['value'] in cast?
|
|
124
125
|
$helper.ifHas(props.item,'',value['value'],cast[value['value']])
|
|
125
126
|
:props.item[value['value']]}}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
<div class="table-wrapper">
|
|
22
22
|
<div class="table-container" ref="table">
|
|
23
|
-
<r-progress-
|
|
23
|
+
<r-progress-line v-if="loading" color="color-two"></r-progress-line>
|
|
24
24
|
<table>
|
|
25
25
|
<thead>
|
|
26
26
|
<tr>
|
|
@@ -91,9 +91,9 @@
|
|
|
91
91
|
</r-btn>
|
|
92
92
|
{{ col.text }}
|
|
93
93
|
</span>
|
|
94
|
-
|
|
95
|
-
<r-switch :label="$t('show','renusify')" v-model="col.show"
|
|
96
|
-
|
|
94
|
+
<span>
|
|
95
|
+
<r-switch-input :label="$t('show','renusify')" v-model="col.show"
|
|
96
|
+
@update:model-value="store_db(cols)"></r-switch-input>
|
|
97
97
|
</span>
|
|
98
98
|
</r-card>
|
|
99
99
|
</r-col>
|
package/package.json
CHANGED
|
File without changes
|