@fy-/fws-vue 0.3.62 → 0.3.64
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/ui/DefaultPaging.vue +20 -15
- package/package.json +1 -1
|
@@ -134,7 +134,7 @@ useFyHead({
|
|
|
134
134
|
<a
|
|
135
135
|
href="javascript:void(0);"
|
|
136
136
|
@click="prev()"
|
|
137
|
-
class="flex items-center justify-center px-3 h-8
|
|
137
|
+
class="rounded-s-lg flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
138
138
|
>
|
|
139
139
|
<span class="sr-only">{{ $t("previous_paging") }}</span>
|
|
140
140
|
<ChevronLeftIcon class="w-4 h-4" />
|
|
@@ -143,6 +143,7 @@ useFyHead({
|
|
|
143
143
|
<li v-if="items.page_no - 2 > 1">
|
|
144
144
|
<a
|
|
145
145
|
class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
146
|
+
:class="{ 'rounded-l-lg': items.page_no - 2 > 2 }"
|
|
146
147
|
href="javascript:void(0);"
|
|
147
148
|
@click="page(1)"
|
|
148
149
|
>
|
|
@@ -150,12 +151,12 @@ useFyHead({
|
|
|
150
151
|
</a>
|
|
151
152
|
</li>
|
|
152
153
|
<li v-if="items.page_no - 2 > 2">
|
|
153
|
-
<
|
|
154
|
+
<div
|
|
154
155
|
v-if="items.page_no - 2 > 2"
|
|
155
156
|
class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
156
157
|
>
|
|
157
158
|
...
|
|
158
|
-
</
|
|
159
|
+
</div>
|
|
159
160
|
</li>
|
|
160
161
|
<template v-for="i in 2">
|
|
161
162
|
<li v-if="items.page_no - (3 - i) >= 1" :key="`${i}-sm`">
|
|
@@ -168,17 +169,20 @@ useFyHead({
|
|
|
168
169
|
</a>
|
|
169
170
|
</li>
|
|
170
171
|
</template>
|
|
171
|
-
<
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
172
|
+
<li>
|
|
173
|
+
<a
|
|
174
|
+
href="#"
|
|
175
|
+
aria-current="page"
|
|
176
|
+
class="z-10 flex items-center justify-center px-3 h-8 leading-tight text-primary-600 border border-primary-300 bg-primary-50 hover:bg-primary-100 hover:text-primary-700 dark:border-fv-neutral-700 dark:bg-fv-neutral-700 dark:text-white"
|
|
177
|
+
>
|
|
178
|
+
{{ items.page_no }}
|
|
179
|
+
</a>
|
|
180
|
+
</li>
|
|
178
181
|
<template v-for="i in 2">
|
|
179
182
|
<li :key="`${i}-md`" v-if="items.page_no + i <= items.page_max">
|
|
180
183
|
<a
|
|
181
184
|
class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
185
|
+
:class="{ 'rounded-s-lg': items.page_no == 1 }"
|
|
182
186
|
href="javascript:void(0);"
|
|
183
187
|
@click="page(items.page_no + i)"
|
|
184
188
|
>
|
|
@@ -187,11 +191,11 @@ useFyHead({
|
|
|
187
191
|
</li>
|
|
188
192
|
</template>
|
|
189
193
|
<li v-if="items.page_no + 2 < items.page_max - 1">
|
|
190
|
-
<
|
|
191
|
-
class="
|
|
194
|
+
<div
|
|
195
|
+
class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
192
196
|
>
|
|
193
197
|
...
|
|
194
|
-
</
|
|
198
|
+
</div>
|
|
195
199
|
</li>
|
|
196
200
|
<li v-if="items.page_no + 2 < items.page_max">
|
|
197
201
|
<a
|
|
@@ -206,7 +210,8 @@ useFyHead({
|
|
|
206
210
|
<a
|
|
207
211
|
href="javascript:void(0);"
|
|
208
212
|
@click="next()"
|
|
209
|
-
class="
|
|
213
|
+
:class="{ 'rounded-r-lg': items.page_no < items.page_max - 2 }"
|
|
214
|
+
class="rounded-e-lg flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
|
|
210
215
|
>
|
|
211
216
|
<span class="sr-only">{{ $t("next_paging") }}</span>
|
|
212
217
|
<ChevronRightIcon class="w-4 h-4" />
|
|
@@ -214,7 +219,7 @@ useFyHead({
|
|
|
214
219
|
</li>
|
|
215
220
|
</ul>
|
|
216
221
|
</nav>
|
|
217
|
-
<p class="text-xs text-fv-neutral-700 dark:text-fv-neutral-400">
|
|
222
|
+
<p class="text-xs text-fv-neutral-700 dark:text-fv-neutral-400 pt-0.5">
|
|
218
223
|
{{
|
|
219
224
|
$t("global_paging", {
|
|
220
225
|
start: items.results_per_page * (items.page_no - 1),
|