renusify 1.1.2 → 1.1.3
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 +24 -24
- package/components/form/address_ir.vue +4 -4
- package/components/form/fileUploader/single.vue +2 -2
- package/components/form/group-input.vue +4 -4
- package/components/form/json/JsonView.vue +15 -15
- package/components/form/json/index.vue +13 -13
- package/components/form/select.vue +1 -1
- package/components/form/text-editor/index.vue +40 -40
- package/components/form/unit-input.vue +4 -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 +3 -3
- package/components/table/crud/header.vue +36 -36
- package/components/table/crud/index.vue +11 -11
- package/components/table/index.vue +4 -4
- package/package.json +1 -1
- /package/components/form/{uniqueFeild → unique}/index.vue +0 -0
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
</span>
|
|
18
18
|
<span class="btn-loader" v-if="loading">
|
|
19
|
-
<r-progress-
|
|
19
|
+
<r-progress-circle :size="(size==='x-small')?'15':'23'" indeterminate width="2"></r-progress-circle></span>
|
|
20
20
|
</component>
|
|
21
21
|
</template>
|
|
22
22
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
text>
|
|
19
19
|
<r-icon v-html="$r.icons.attachment"></r-icon>
|
|
20
20
|
</r-btn>
|
|
21
|
-
<r-progress-
|
|
21
|
+
<r-progress-circle
|
|
22
22
|
v-else
|
|
23
23
|
@click.prevent="fileDelete()"
|
|
24
24
|
:indeterminate=false
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
size="30"
|
|
28
28
|
>
|
|
29
29
|
<r-icon v-html="$r.icons.close"></r-icon>
|
|
30
|
-
</r-progress-
|
|
30
|
+
</r-progress-circle>
|
|
31
31
|
</template>
|
|
32
32
|
<r-btn class="color-success-text"
|
|
33
33
|
:disabled="!text"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<r-select
|
|
2
|
+
<r-select-input
|
|
3
3
|
:label="$t('country','renusify')"
|
|
4
4
|
v-model="country"
|
|
5
5
|
@update:model-value="emit(true,true)"
|
|
@@ -7,31 +7,31 @@
|
|
|
7
7
|
:searchLink="`https://codenus.com/api/apps/address?lang=${$r.lang}`"
|
|
8
8
|
:rules="required?['required']:[]"
|
|
9
9
|
:tile="tile">
|
|
10
|
-
</r-select>
|
|
11
|
-
<r-select :label="$t('state','renusify')"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
10
|
+
</r-select-input>
|
|
11
|
+
<r-select-input :label="$t('state','renusify')"
|
|
12
|
+
v-model="state"
|
|
13
|
+
:disabled="!country"
|
|
14
|
+
:key="country&&country['id']"
|
|
15
|
+
v-if="!hideState"
|
|
16
|
+
@update:model-value="emit(false,true)"
|
|
17
|
+
:searchLink="country&&`https://codenus.com/api/apps/address/${country['id']}?lang=${$r.lang}`"
|
|
18
|
+
:rules="required?['required']:[]"
|
|
19
|
+
value="id"
|
|
20
|
+
:tile="tile">
|
|
21
21
|
|
|
22
|
-
</r-select>
|
|
23
|
-
<r-select v-if="!hideCity"
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
</r-select-input>
|
|
23
|
+
<r-select-input v-if="!hideCity"
|
|
24
|
+
v-model="city"
|
|
25
|
+
:disabled="!state"
|
|
26
|
+
:key="state&&(country['id']+'-'+state['id'])"
|
|
27
|
+
@update:model-value="emit(false,false)"
|
|
28
|
+
:label="$t('city','renusify')"
|
|
29
|
+
:searchLink="state&&`https://codenus.com/api/apps/address/${country['id']}/${state['id']}?lang=${$r.lang}`"
|
|
30
|
+
:rules="required?['required']:[]"
|
|
31
|
+
value="id"
|
|
32
|
+
:tile="tile">
|
|
33
33
|
|
|
34
|
-
</r-select>
|
|
34
|
+
</r-select-input>
|
|
35
35
|
<r-text-input v-if="!hideZipCode" @update:model-value="emit(false,false)"
|
|
36
36
|
:label="$t('zip_code','renusify')"
|
|
37
37
|
v-model="zip_code"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<r-select :label="$t('state','renusify')"
|
|
2
|
+
<r-select-input :label="$t('state','renusify')"
|
|
3
3
|
v-model="state"
|
|
4
4
|
@update:model-value="emit"
|
|
5
5
|
:items="Object.keys(states)"
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
:tile="tile"
|
|
8
8
|
justValue>
|
|
9
9
|
|
|
10
|
-
</r-select>
|
|
11
|
-
<r-select v-if="state"
|
|
10
|
+
</r-select-input>
|
|
11
|
+
<r-select-input v-if="state"
|
|
12
12
|
@update:model-value="emit"
|
|
13
13
|
:label="$t('city','renusify')"
|
|
14
14
|
v-model="city"
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
:tile="tile"
|
|
18
18
|
justValue>
|
|
19
19
|
|
|
20
|
-
</r-select>
|
|
20
|
+
</r-select-input>
|
|
21
21
|
<r-text-area v-if="city && !hideAddress" @update:model-value="emit"
|
|
22
22
|
:label="$t('address','renusify')"
|
|
23
23
|
v-model="address"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<r-btn icon class="image-close color-white">
|
|
6
6
|
<r-icon @click.prevent="fileDelete()" class="color-error-text" v-html="$r.icons.delete"></r-icon>
|
|
7
7
|
</r-btn>
|
|
8
|
-
<r-progress-
|
|
8
|
+
<r-progress-circle
|
|
9
9
|
:indeterminate=false
|
|
10
10
|
:modelValue="uploadPercentage"
|
|
11
11
|
:width="2"
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
size="50"
|
|
14
14
|
>
|
|
15
15
|
{{ `% ${uploadPercentage}` }}
|
|
16
|
-
</r-progress-
|
|
16
|
+
</r-progress-circle>
|
|
17
17
|
<r-btn @click.prevent="$helper.copy(fileLink)" class="image-copy" icon>
|
|
18
18
|
<r-icon v-html="$r.icons.copy"></r-icon>
|
|
19
19
|
</r-btn>
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
<template v-for="(v,k) in item" :key="i+'-'+k">
|
|
9
9
|
<r-text-input v-if="typeof v==='string'" class="flex-grow-0 me-1" :label="k"
|
|
10
10
|
v-model="item[k]"></r-text-input>
|
|
11
|
-
<r-number v-else-if="typeof v==='number'" class="flex-grow-0 me-1" :label="k"
|
|
12
|
-
|
|
13
|
-
<r-switch v-else-if="typeof v==='boolean'" class="flex-grow-0 me-1" :label="k"
|
|
14
|
-
|
|
11
|
+
<r-number-input v-else-if="typeof v==='number'" class="flex-grow-0 me-1" :label="k"
|
|
12
|
+
v-model="item[k]"></r-number-input>
|
|
13
|
+
<r-switch-input v-else-if="typeof v==='boolean'" class="flex-grow-0 me-1" :label="k"
|
|
14
|
+
v-model="item[k]"></r-switch-input>
|
|
15
15
|
</template>
|
|
16
16
|
</div>
|
|
17
17
|
</slot>
|
|
@@ -13,26 +13,26 @@
|
|
|
13
13
|
</template>
|
|
14
14
|
</div>
|
|
15
15
|
<div v-if="typeof value==='object'" class="flex-grow-1 w-full ps-10">
|
|
16
|
-
<r-json :tile="tile"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
></r-json>
|
|
16
|
+
<r-json-input :tile="tile"
|
|
17
|
+
:model-value="value"
|
|
18
|
+
@update:model-value="emit(key,$event)"
|
|
19
|
+
:disableAdd="disableAdd||template!==undefined"
|
|
20
|
+
:disableDel="disableDel||template!==undefined"
|
|
21
|
+
:disableEditKey="disableEditKey"
|
|
22
|
+
:keyWidth="keyWidth"
|
|
23
|
+
:valueWidth="valueWidth"
|
|
24
|
+
></r-json-input>
|
|
25
25
|
</div>
|
|
26
26
|
<div v-else class="mb-1" :style="{'max-width': valueWidth}">
|
|
27
27
|
<r-text-input v-if="typeof value==='string'"
|
|
28
28
|
:tile="tile"
|
|
29
29
|
:model-value="value" @update:model-value="emit(key,$event)"></r-text-input>
|
|
30
|
-
<r-number v-else-if="typeof value==='number'"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<r-switch v-else-if="typeof value==='boolean'"
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
<r-number-input v-else-if="typeof value==='number'"
|
|
31
|
+
:tile="tile"
|
|
32
|
+
:model-value="value" @update:model-value="emit(key,$event)"></r-number-input>
|
|
33
|
+
<r-switch-input v-else-if="typeof value==='boolean'"
|
|
34
|
+
:tile="tile"
|
|
35
|
+
:model-value="value" @update:model-value="emit(key,$event)"></r-switch-input>
|
|
36
36
|
|
|
37
37
|
</div>
|
|
38
38
|
|
|
@@ -37,24 +37,24 @@
|
|
|
37
37
|
class="w-30 pe-1"
|
|
38
38
|
:label="keyLabel"></r-text-input>
|
|
39
39
|
<div class="w-20" v-if="!valueType">
|
|
40
|
-
<r-select v-model="info.type"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
40
|
+
<r-select-input v-model="info.type"
|
|
41
|
+
:tile="tile"
|
|
42
|
+
class="me-1"
|
|
43
|
+
:items="['text','number','boolean','json','array']"
|
|
44
|
+
just-value
|
|
45
|
+
@update:model-value="info.value=null"
|
|
46
|
+
firstSelect></r-select-input>
|
|
47
47
|
</div>
|
|
48
48
|
<r-text-input v-if="val_type==='text'"
|
|
49
49
|
:tile="tile"
|
|
50
50
|
:label="valueLabel"
|
|
51
51
|
v-model="info.value"></r-text-input>
|
|
52
|
-
<r-number v-else-if="val_type==='number'"
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<r-switch v-else-if="val_type==='boolean'"
|
|
56
|
-
|
|
57
|
-
|
|
52
|
+
<r-number-input v-else-if="val_type==='number'"
|
|
53
|
+
:tile="tile"
|
|
54
|
+
:label="$t('value','renusify')" v-model="info.value"></r-number-input>
|
|
55
|
+
<r-switch-input v-else-if="val_type==='boolean'"
|
|
56
|
+
:tile="tile"
|
|
57
|
+
:label="$t('value','renusify')" v-model="info.value"></r-switch-input>
|
|
58
58
|
<r-btn @click.prevent="add" class="ms-1 color-success" rounded>{{ $t('add', 'renusify') }}</r-btn>
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
/>
|
|
33
33
|
</span>
|
|
34
34
|
</div>
|
|
35
|
-
<r-progress-
|
|
35
|
+
<r-progress-line v-if="loading" color="color-two"></r-progress-line>
|
|
36
36
|
</r-input>
|
|
37
37
|
<r-card class="card-select" :class="{
|
|
38
38
|
'card-select-active':genItems.length>0 && openList,
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
</r-row>
|
|
35
35
|
<r-row>
|
|
36
36
|
<r-col class="col-12" v-if="selectElm&&!selectElm.classList.contains('editor-content')">
|
|
37
|
-
<r-select :label="$t('class','renusify')" :model-value="[...selectElm.classList]"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
<r-select-input :label="$t('class','renusify')" :model-value="[...selectElm.classList]"
|
|
38
|
+
multiple
|
|
39
|
+
tags
|
|
40
|
+
@update:model-value="addClass"></r-select-input>
|
|
41
41
|
</r-col>
|
|
42
42
|
<r-col class="col-12 ltr">
|
|
43
43
|
<span class="cursor-pointer" v-for="(item,i) in currentPath" :key="i" @click="borderd(item)">
|
|
@@ -86,10 +86,10 @@
|
|
|
86
86
|
:label="$t('link','renusify')"
|
|
87
87
|
:rules="['required']"></r-text-input>
|
|
88
88
|
</r-col>
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
89
|
+
<r-col class="col-12">
|
|
90
|
+
<r-switch-input :label="$t('open_new_tab','renusify')"
|
|
91
|
+
v-model="target"></r-switch-input>
|
|
92
|
+
</r-col>
|
|
93
93
|
</r-row>
|
|
94
94
|
<r-row class="h-end">
|
|
95
95
|
<r-col class="col-auto">
|
|
@@ -113,29 +113,29 @@
|
|
|
113
113
|
:closebtn="false"
|
|
114
114
|
v-model="showImg">
|
|
115
115
|
<r-form v-model="valid2">
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
116
|
+
<r-container class="sheet">
|
|
117
|
+
<r-file-input v-model="image"
|
|
118
|
+
:label="$t('image','renusify')"
|
|
119
|
+
:size="1"
|
|
120
|
+
:upload-link="uploadLink"
|
|
121
|
+
accept="image/*"></r-file-input>
|
|
122
|
+
<r-text-input v-model="img_alt"
|
|
123
|
+
:label="$t('img_alt','renusify')"
|
|
124
|
+
:rules="['required']"></r-text-input>
|
|
125
|
+
<r-number-input v-model="img_width" :label="$t('width','renusify')"
|
|
126
|
+
:rules="['required']"></r-number-input>
|
|
127
|
+
<r-number-input v-model="img_height" :label="$t('height','renusify')"
|
|
128
|
+
:rules="['required']"></r-number-input>
|
|
129
|
+
<r-row class="h-end">
|
|
130
|
+
<r-col class="col-auto">
|
|
131
|
+
<r-btn class="color-error-text"
|
|
132
|
+
outlined
|
|
133
|
+
@click.prevent="showImg=false">{{ $t('cancel', 'renusify') }}
|
|
134
|
+
</r-btn>
|
|
135
|
+
</r-col>
|
|
136
|
+
<r-col class="col-auto">
|
|
137
|
+
<r-btn class="color-success-text"
|
|
138
|
+
:disabled="!valid2"
|
|
139
139
|
outlined
|
|
140
140
|
@click.prevent="handleImageForm()">{{ $t('send', 'renusify') }}
|
|
141
141
|
</r-btn>
|
|
@@ -149,15 +149,15 @@
|
|
|
149
149
|
v-model="showVideo">
|
|
150
150
|
<r-form v-model="valid2">
|
|
151
151
|
<r-container class="sheet">
|
|
152
|
-
<r-file-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
<r-number v-model="img_width" :label="$t('width','renusify')"
|
|
158
|
-
|
|
159
|
-
<r-number v-model="img_height" :label="$t('height','renusify')"
|
|
160
|
-
|
|
152
|
+
<r-file-input v-model="video"
|
|
153
|
+
:label="$t('video','renusify')"
|
|
154
|
+
:size="1"
|
|
155
|
+
:upload-link="uploadLink"
|
|
156
|
+
accept="video/mp4,video/webm"></r-file-input>
|
|
157
|
+
<r-number-input v-model="img_width" :label="$t('width','renusify')"
|
|
158
|
+
:rules="['required']"></r-number-input>
|
|
159
|
+
<r-number-input v-model="img_height" :label="$t('height','renusify')"
|
|
160
|
+
:rules="['required']"></r-number-input>
|
|
161
161
|
<r-row class="h-end">
|
|
162
162
|
<r-col class="col-auto">
|
|
163
163
|
<r-btn class="color-error-text"
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
class="me-1"
|
|
16
16
|
/>
|
|
17
17
|
<div class="select-unit" :class="{'input-shadow':disableUnit}">
|
|
18
|
-
<r-select :readonly="disableUnit" :items="units" v-model="unit"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
<r-select-input :readonly="disableUnit" :items="units" v-model="unit"
|
|
19
|
+
@update:model-value="emit" hide justValue :translate="translate"
|
|
20
|
+
class="mt-0"
|
|
21
|
+
firstSelect></r-select-input>
|
|
22
22
|
</div>
|
|
23
23
|
</r-input>
|
|
24
24
|
</template>
|
package/components/index.js
CHANGED
|
@@ -9,7 +9,7 @@ const list = {
|
|
|
9
9
|
'r-bottom-navigation': {'p': 'bar/bottomNav.vue', 'c': [], 'd': []},
|
|
10
10
|
'r-bottom-navigation-circle': {'p': 'bar/bottomNavigationCircle.vue', 'c': ['r-icon'], 'd': []},
|
|
11
11
|
'r-breadcrumbs': {'p': 'breadcrumb/index.vue', 'c': ['r-icon'], 'd': []},
|
|
12
|
-
'r-btn': {'p': 'button/index.vue', 'c': ['r-progress-
|
|
12
|
+
'r-btn': {'p': 'button/index.vue', 'c': ['r-progress-circle'], 'd': ['ripple']},
|
|
13
13
|
'r-btn-confirm': {'p': 'button/buttonConfirm.vue', 'c': ['r-btn', 'r-confirm'], 'd': []},
|
|
14
14
|
'r-btn-group': {
|
|
15
15
|
'p': 'button/buttonGroup.vue',
|
|
@@ -25,7 +25,7 @@ const list = {
|
|
|
25
25
|
'r-chart': {'p': 'chart/chart.vue', 'c': [], 'd': []},
|
|
26
26
|
'r-chat': {
|
|
27
27
|
'p': 'chat/index.vue',
|
|
28
|
-
'c': ['r-btn', 'r-icon', 'r-progress-
|
|
28
|
+
'c': ['r-btn', 'r-icon', 'r-progress-circle', 'r-img'],
|
|
29
29
|
'd': ['intersect', 'scroll']
|
|
30
30
|
},
|
|
31
31
|
'r-chip': {'p': 'chip/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
|
|
@@ -44,67 +44,67 @@ const list = {
|
|
|
44
44
|
'r-count-down': {'p': 'countdown/index.vue', 'c': [], 'd': []},
|
|
45
45
|
'r-float': {'p': 'float/index.vue', 'c': [], 'd': []},
|
|
46
46
|
'r-form': {'p': 'form/form.vue', 'c': [], 'd': []},
|
|
47
|
-
'r-color-
|
|
47
|
+
'r-color-input': {
|
|
48
48
|
'p': 'form/colorPicker/index.vue',
|
|
49
49
|
'c': ['r-input', 'r-modal', 'r-btn', 'r-icon'],
|
|
50
50
|
'd': ['touch']
|
|
51
51
|
},
|
|
52
|
-
'r-date-
|
|
52
|
+
'r-date-input': {
|
|
53
53
|
'p': 'form/datePicker/index.vue',
|
|
54
54
|
'c': ['r-input', 'r-modal', 'r-container', 'r-row', 'r-col', 'r-btn', 'r-icon'],
|
|
55
55
|
'd': []
|
|
56
56
|
},
|
|
57
|
-
'r-file-
|
|
57
|
+
'r-file-input': {
|
|
58
58
|
'p': 'form/fileUploader/index.vue',
|
|
59
|
-
'c': ['r-input', 'r-row', 'r-btn', 'r-icon', 'r-progress-
|
|
59
|
+
'c': ['r-input', 'r-row', 'r-btn', 'r-icon', 'r-progress-circle', 'r-text-input'],
|
|
60
60
|
'd': []
|
|
61
61
|
},
|
|
62
|
-
'r-tel': {
|
|
62
|
+
'r-tel-input': {
|
|
63
63
|
'p': 'form/inputTel/index.vue',
|
|
64
64
|
'c': ['r-modal', 'r-card', 'r-text-input', 'r-list', 'r-spacer', 'r-btn'],
|
|
65
65
|
'd': []
|
|
66
66
|
},
|
|
67
|
-
'r-json': {
|
|
67
|
+
'r-json-input': {
|
|
68
68
|
'p': 'form/json/index.vue',
|
|
69
|
-
'c': ['r-btn', 'r-icon', 'r-text-input', 'r-select', 'r-number', 'r-switch'],
|
|
69
|
+
'c': ['r-btn', 'r-icon', 'r-text-input', 'r-select-input', 'r-number-input', 'r-switch-input'],
|
|
70
70
|
'd': []
|
|
71
71
|
},
|
|
72
72
|
'r-text-editor': {
|
|
73
73
|
'p': 'form/text-editor/index.vue',
|
|
74
74
|
'c': ['r-container', 'r-row', 'r-col', 'r-btn-group', 'r-btn',
|
|
75
|
-
'r-icon', 'r-select', 'r-input', 'r-img', 'r-modal',
|
|
76
|
-
'r-form', 'r-file-
|
|
75
|
+
'r-icon', 'r-select-input', 'r-input', 'r-img', 'r-modal',
|
|
76
|
+
'r-form', 'r-file-input', 'r-text-input', 'r-switch-input', 'r-number-input'],
|
|
77
77
|
'd': []
|
|
78
78
|
},
|
|
79
79
|
'r-text-editor-preview': {'p': 'form/text-editor/preview.vue', 'c': [], 'd': []},
|
|
80
|
-
'r-time-
|
|
81
|
-
'r-time-
|
|
82
|
-
'r-unique-
|
|
83
|
-
'r-address': {'p': 'form/address.vue', 'c': ['r-select', 'r-text-area', 'r-text-input'], 'd': []},
|
|
80
|
+
'r-time-input': {'p': 'form/timepicker/index.vue', 'c': ['r-input', 'r-modal', 'r-card', 'r-btn'], 'd': []},
|
|
81
|
+
'r-time-range-input': {'p': 'form/timepicker/range.vue', 'c': ['r-input', 'r-modal', 'r-card', 'r-btn'], 'd': []},
|
|
82
|
+
'r-unique-input': {'p': 'form/unique/index.vue', 'c': ['r-text-input'], 'd': []},
|
|
83
|
+
'r-address-input': {'p': 'form/address.vue', 'c': ['r-select-input', 'r-text-area', 'r-text-input'], 'd': []},
|
|
84
84
|
'r-cam-input': {'p': 'form/camInput', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
|
|
85
85
|
'r-check-input': {'p': 'form/check-input.vue', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
|
|
86
|
-
'r-checkbox': {'p': 'form/checkbox.vue', 'c': ['r-input', 'r-icon'], 'd': []},
|
|
86
|
+
'r-checkbox-input': {'p': 'form/checkbox.vue', 'c': ['r-input', 'r-icon'], 'd': []},
|
|
87
87
|
'r-group-input': {
|
|
88
88
|
'p': 'form/group-input.vue',
|
|
89
|
-
'c': ['r-text-input', 'r-number', 'r-switch', 'r-btn', 'r-icon'],
|
|
89
|
+
'c': ['r-text-input', 'r-number-input', 'r-switch-input', 'r-btn', 'r-icon'],
|
|
90
90
|
'd': []
|
|
91
91
|
},
|
|
92
92
|
'r-input': {'p': 'form/input.vue', 'c': ['r-icon'], 'd': []},
|
|
93
93
|
'r-mask-input': {'p': 'form/mask-input.vue', 'c': ['r-input'], 'd': ['mask']},
|
|
94
|
-
'r-number': {'p': 'form/number.vue', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
|
|
95
|
-
'r-password': {'p': 'form/password.vue', 'c': ['r-input', 'r-icon'], 'd': []},
|
|
94
|
+
'r-number-input': {'p': 'form/number.vue', 'c': ['r-input', 'r-btn', 'r-icon'], 'd': []},
|
|
95
|
+
'r-password-input': {'p': 'form/password.vue', 'c': ['r-input', 'r-icon'], 'd': []},
|
|
96
96
|
'r-radio-input': {'p': 'form/radioInput.vue', 'c': ['r-input', 'r-icon'], 'd': []},
|
|
97
|
-
'r-range': {'p': 'form/range.vue', 'c': ['r-input'], 'd': ['touch']},
|
|
98
|
-
'r-rating': {'p': 'form/rating.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
|
|
99
|
-
'r-select': {
|
|
97
|
+
'r-range-input': {'p': 'form/range.vue', 'c': ['r-input'], 'd': ['touch']},
|
|
98
|
+
'r-rating-input': {'p': 'form/rating.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
|
|
99
|
+
'r-select-input': {
|
|
100
100
|
'p': 'form/select.vue',
|
|
101
|
-
'c': ['r-input', 'r-chip', 'r-progress-
|
|
101
|
+
'c': ['r-input', 'r-chip', 'r-progress-line', 'r-card', 'r-list', 'r-icon'],
|
|
102
102
|
'd': ['click-outside']
|
|
103
103
|
},
|
|
104
|
-
'r-switch': {'p': 'form/switch.vue', 'c': ['r-input'], 'd': []},
|
|
104
|
+
'r-switch-input': {'p': 'form/switch.vue', 'c': ['r-input'], 'd': []},
|
|
105
105
|
'r-text-area': {'p': 'form/text-area.vue', 'c': ['r-input'], 'd': []},
|
|
106
106
|
'r-text-input': {'p': 'form/text-input.vue', 'c': ['r-input'], 'd': []},
|
|
107
|
-
'r-unit-input': {'p': 'form/unit-input.vue', 'c': ['r-input', 'r-select'], 'd': []},
|
|
107
|
+
'r-unit-input': {'p': 'form/unit-input.vue', 'c': ['r-input', 'r-select-input'], 'd': []},
|
|
108
108
|
'r-form-creator': {
|
|
109
109
|
'p': 'formCreator/index.vue',
|
|
110
110
|
'c': ['r-card', 'r-container', 'r-message', 'r-form', 'r-row', 'r-col', 'r-btn'],
|
|
@@ -116,13 +116,13 @@ const list = {
|
|
|
116
116
|
'r-img': {'p': 'img/index.vue', 'c': [], 'd': ['intersect']},
|
|
117
117
|
'r-infinite-div': {
|
|
118
118
|
'p': 'infinite/div.vue',
|
|
119
|
-
'c': ['r-container', 'r-row', 'r-col', 'r-progress-
|
|
119
|
+
'c': ['r-container', 'r-row', 'r-col', 'r-progress-line'],
|
|
120
120
|
'd': ['scroll']
|
|
121
121
|
},
|
|
122
|
-
'r-infinite-page': {'p': 'infinite/page.vue', 'c': ['r-progress-
|
|
122
|
+
'r-infinite-page': {'p': 'infinite/page.vue', 'c': ['r-progress-line'], 'd': ['scroll']},
|
|
123
123
|
'r-infinite-box': {
|
|
124
124
|
'p': 'infinite/index.vue',
|
|
125
|
-
'c': ['r-card', 'r-container', 'r-row', 'r-col', 'r-switch', 'r-infinite-div'],
|
|
125
|
+
'c': ['r-card', 'r-container', 'r-row', 'r-col', 'r-switch-input', 'r-infinite-div'],
|
|
126
126
|
'd': []
|
|
127
127
|
},
|
|
128
128
|
'r-list': {'p': 'list/index.vue', 'c': ['r-icon'], 'd': ['ripple']},
|
|
@@ -137,36 +137,35 @@ const list = {
|
|
|
137
137
|
'r-message': {'p': 'message/index.vue', 'c': ['r-container', 'r-row', 'r-col'], 'd': []},
|
|
138
138
|
'r-meta': {'p': 'meta/index.js', 'c': [], 'd': []},
|
|
139
139
|
'r-modal': {'p': 'modal/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
|
|
140
|
-
'r-progress-
|
|
141
|
-
'r-progress-
|
|
140
|
+
'r-progress-circle': {'p': 'progress/circle.vue', 'c': [], 'd': []},
|
|
141
|
+
'r-progress-line': {'p': 'progress/line.vue', 'c': [], 'd': []},
|
|
142
142
|
'r-search-box': {
|
|
143
143
|
'p': 'searchBox/index.vue',
|
|
144
|
-
'c': ['r-input', 'r-progress-
|
|
144
|
+
'c': ['r-input', 'r-progress-line', 'r-card', 'r-list', 'r-btn', 'r-icon'],
|
|
145
145
|
'd': ['click-outside']
|
|
146
146
|
},
|
|
147
147
|
'r-skeleton': {'p': 'skeleton/index.vue', 'c': [], 'd': []},
|
|
148
|
-
'r-slider': {'p': 'slider/index.vue', 'c': ['r-progress-
|
|
148
|
+
'r-slider': {'p': 'slider/index.vue', 'c': ['r-progress-line', 'r-btn', 'r-icon'], 'd': ['touch']},
|
|
149
149
|
'r-swiper': {'p': 'swiper/index.vue', 'c': [], 'd': ['touch']},
|
|
150
150
|
'r-table': {
|
|
151
151
|
'p': 'table/index.vue',
|
|
152
|
-
'c': ['r-btn', 'r-icon', 'r-switch', 'r-progress-
|
|
152
|
+
'c': ['r-btn', 'r-icon', 'r-switch-input', 'r-progress-line', 'r-modal', 'r-card', 'r-container', 'r-row', 'r-col'],
|
|
153
153
|
'd': ['sortable']
|
|
154
154
|
},
|
|
155
155
|
'r-table-crud': {
|
|
156
156
|
'p': 'table/crud/index.vue',
|
|
157
|
-
'c': ['r-card', 'r-modal', 'r-form-creator', 'r-json', 'r-divider', 'r-number', 'r-btn', 'r-table', 'r-icon',
|
|
158
|
-
'r-time-ago', 'r-switch', 'r-confirm', 'r-container', 'r-row', 'r-col', 'r-text-input', 'r-select', 'r-date-
|
|
159
|
-
'r-progress-
|
|
157
|
+
'c': ['r-card', 'r-modal', 'r-form-creator', 'r-json-input', 'r-divider', 'r-number-input', 'r-btn', 'r-table', 'r-icon',
|
|
158
|
+
'r-time-ago', 'r-switch-input', 'r-confirm', 'r-container', 'r-row', 'r-col', 'r-text-input', 'r-select-input', 'r-date-input',
|
|
159
|
+
'r-progress-line'],
|
|
160
160
|
'd': []
|
|
161
161
|
},
|
|
162
162
|
'r-tabs': {'p': 'tabs/index.vue', 'c': ['r-btn', 'r-icon'], 'd': []},
|
|
163
163
|
'r-time-ago': {'p': 'timeAgo/index.vue', 'c': [], 'd': []},
|
|
164
164
|
'r-timeline': {'p': 'timeline/index.vue', 'c': ['r-container', 'r-row', 'r-col'], 'd': []},
|
|
165
165
|
'r-tour': {'p': 'tour/index.vue', 'c': ['r-container', 'r-spacer', 'r-btn'], 'd': []},
|
|
166
|
-
|
|
167
166
|
'r-tree': {
|
|
168
167
|
'p': 'tree/index.vue',
|
|
169
|
-
'c': ['r-container', 'r-row', 'r-col', 'r-select', 'r-float', 'r-tree-element'],
|
|
168
|
+
'c': ['r-container', 'r-row', 'r-col', 'r-select-input', 'r-float', 'r-tree-element'],
|
|
170
169
|
'd': []
|
|
171
170
|
},
|
|
172
171
|
'r-tree-element': {'p': 'tree/tree-element.vue', 'c': ['r-container', 'r-row', 'r-col', 'r-btn', 'r-icon'], 'd': []}
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
<slot v-bind:item="item">{{item}}</slot>
|
|
14
14
|
</r-col>
|
|
15
15
|
<r-col class="col-12" key="loading">
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
<r-progress-line color="color-two"
|
|
17
|
+
v-show="loading"></r-progress-line>
|
|
18
18
|
</r-col>
|
|
19
19
|
</transition-group>
|
|
20
20
|
</div>
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
<h3 class="title px-2">{{ title }}</h3>
|
|
7
7
|
</r-col>
|
|
8
8
|
<r-col class="col-auto">
|
|
9
|
-
<r-switch
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
></r-switch>
|
|
9
|
+
<r-switch-input
|
|
10
|
+
label="live"
|
|
11
|
+
v-model="live"
|
|
12
|
+
></r-switch-input>
|
|
13
13
|
</r-col>
|
|
14
14
|
</r-row>
|
|
15
15
|
</r-container>
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<div class="infinite-page-container" v-scroll="onScroll">
|
|
4
4
|
<slot :items="datacollection"></slot>
|
|
5
5
|
</div>
|
|
6
|
-
<r-progress-
|
|
7
|
-
|
|
6
|
+
<r-progress-line color="color-two"
|
|
7
|
+
v-show="loading"
|
|
8
8
|
|
|
9
|
-
></r-progress-
|
|
9
|
+
></r-progress-line>
|
|
10
10
|
<div class="text-center subtitle-1"
|
|
11
11
|
v-if="noItem"
|
|
12
12
|
>{{noItemMsg}}
|
|
@@ -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,15 @@
|
|
|
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
|
+
@update:modelValue="perPageE"
|
|
14
|
+
:modelValue="perPage"></r-select-input>
|
|
15
15
|
</r-col>
|
|
16
16
|
<r-col class="col-auto ms-1">{{totalSetup}}</r-col>
|
|
17
17
|
<r-col class="col-auto">
|
|
@@ -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)">
|
|
@@ -127,19 +127,19 @@
|
|
|
127
127
|
</r-row>
|
|
128
128
|
<r-row class="v-baseline" v-else-if="['date-picker','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"
|
|
@@ -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>
|
|
@@ -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
|