@fy-/fws-vue 2.3.52 → 2.3.53
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.
|
@@ -253,12 +253,26 @@ onMounted(() => {
|
|
|
253
253
|
1
|
|
254
254
|
</router-link>
|
|
255
255
|
</li>
|
|
256
|
-
<li v-if="items.page_no - 1 > 2"
|
|
256
|
+
<li v-if="items.page_no - 1 > 2">
|
|
257
257
|
<div
|
|
258
|
-
|
|
258
|
+
v-if="!showJumpInput"
|
|
259
|
+
class="flex items-center justify-center w-5 md:w-6 h-7 md:h-8 text-fv-neutral-500 hover:text-primary-600 dark:text-fv-neutral-400 dark:hover:text-white cursor-pointer transition-all"
|
|
260
|
+
title="Jump to page"
|
|
261
|
+
@click="toggleJumpInput"
|
|
259
262
|
>
|
|
260
263
|
<span class="text-[10px] md:text-xs font-medium">•••</span>
|
|
261
264
|
</div>
|
|
265
|
+
<input
|
|
266
|
+
v-else
|
|
267
|
+
v-model="jumpPageValue"
|
|
268
|
+
type="number"
|
|
269
|
+
:min="1"
|
|
270
|
+
:max="items.page_max"
|
|
271
|
+
class="w-8 md:w-10 h-7 md:h-8 text-xs text-center text-fv-neutral-700 bg-white/80 border border-fv-neutral-300 rounded-md shadow-sm focus:ring-2 focus:ring-primary-400/40 focus:border-primary-400 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:border-fv-neutral-600 dark:focus:ring-primary-500/40 dark:focus:border-primary-500 transition-all"
|
|
272
|
+
:placeholder="items.page_max.toString().length > 2 ? '···' : '••'"
|
|
273
|
+
@keydown="handleJumpInputKeydown"
|
|
274
|
+
@blur="showJumpInput = false; jumpPageValue = ''"
|
|
275
|
+
>
|
|
262
276
|
</li>
|
|
263
277
|
<li
|
|
264
278
|
v-if="items.page_no - 1 >= 1"
|
|
@@ -323,6 +337,27 @@ onMounted(() => {
|
|
|
323
337
|
{{ items.page_max }}
|
|
324
338
|
</router-link>
|
|
325
339
|
</li>
|
|
340
|
+
<li v-if="items.page_max > 5 && (items.page_no - 1 <= 2 && items.page_no + 1 >= items.page_max - 1)">
|
|
341
|
+
<div
|
|
342
|
+
v-if="!showJumpInput"
|
|
343
|
+
class="flex items-center justify-center w-6 md:w-8 h-7 md:h-8 text-fv-neutral-500 hover:text-primary-600 dark:text-fv-neutral-400 dark:hover:text-white cursor-pointer transition-all"
|
|
344
|
+
title="Jump to page"
|
|
345
|
+
@click="toggleJumpInput"
|
|
346
|
+
>
|
|
347
|
+
<span class="text-[10px] md:text-xs font-bold">⋯</span>
|
|
348
|
+
</div>
|
|
349
|
+
<input
|
|
350
|
+
v-else
|
|
351
|
+
v-model="jumpPageValue"
|
|
352
|
+
type="number"
|
|
353
|
+
:min="1"
|
|
354
|
+
:max="items.page_max"
|
|
355
|
+
class="w-8 md:w-10 h-7 md:h-8 text-xs text-center text-fv-neutral-700 bg-white/80 border border-fv-neutral-300 rounded-md shadow-sm focus:ring-2 focus:ring-primary-400/40 focus:border-primary-400 focus:outline-none dark:bg-fv-neutral-800 dark:text-fv-neutral-300 dark:border-fv-neutral-600 dark:focus:ring-primary-500/40 dark:focus:border-primary-500 transition-all"
|
|
356
|
+
:placeholder="items.page_max.toString().length > 2 ? '···' : '••'"
|
|
357
|
+
@keydown="handleJumpInputKeydown"
|
|
358
|
+
@blur="showJumpInput = false; jumpPageValue = ''"
|
|
359
|
+
>
|
|
360
|
+
</li>
|
|
326
361
|
<li v-if="items.page_no < items.page_max">
|
|
327
362
|
<button
|
|
328
363
|
type="button"
|