@fy-/fws-vue 2.3.54 → 2.3.56

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.
Files changed (2) hide show
  1. package/components/ui/DefaultPaging.vue +16 -7
  2. package/package.json +1 -1
package/components/ui/DefaultPaging.vue CHANGED
@@ -6,7 +6,7 @@ import { getURL, hasFW } from '@fy-/fws-js'
6
6
  import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/24/solid'
7
7
  import { useServerHead } from '@unhead/vue'
8
8
  import { useDebounceFn } from '@vueuse/core'
9
- import { computed, onMounted, ref, shallowRef, watch } from 'vue'
9
+ import { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'
10
10
  import { useRoute } from 'vue-router'
11
11
  import { useEventBus } from '../../composables/event-bus'
12
12
  import { useServerRouter } from '../../stores/serverRouter'
@@ -113,6 +113,15 @@ function toggleJumpInput() {
113
113
  if (!showJumpInput.value) {
114
114
  jumpPageValue.value = ''
115
115
  }
116
+ else {
117
+ // Focus the input after Vue updates the DOM
118
+ nextTick(() => {
119
+ const input = document.querySelector('input[type="number"]') as HTMLInputElement
120
+ if (input) {
121
+ input.focus()
122
+ }
123
+ })
124
+ }
116
125
  }
117
126
 
118
127
  function handleJumpInputKeydown(event: KeyboardEvent) {
@@ -277,8 +286,8 @@ onMounted(() => {
277
286
  type="number"
278
287
  :min="1"
279
288
  :max="items.page_max"
280
- :class="`${inputWidthClass} 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 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`"
281
- :placeholder="items.page_max.toString().length > 2 ? '···' : '••'"
289
+ :class="`${inputWidthClass} !h-7 md:!h-8 !text-[10px] md:!text-xs !font-normal !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 !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 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`"
290
+ placeholder=""
282
291
  @keydown="handleJumpInputKeydown"
283
292
  @blur="showJumpInput = false; jumpPageValue = ''"
284
293
  >
@@ -331,8 +340,8 @@ onMounted(() => {
331
340
  type="number"
332
341
  :min="1"
333
342
  :max="items.page_max"
334
- :class="`${inputWidthClass} 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 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`"
335
- :placeholder="items.page_max.toString().length > 2 ? '···' : '••'"
343
+ :class="`${inputWidthClass} !h-7 md:!h-8 !text-[10px] md:!text-xs !font-normal !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 !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 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`"
344
+ placeholder=""
336
345
  @keydown="handleJumpInputKeydown"
337
346
  @blur="showJumpInput = false; jumpPageValue = ''"
338
347
  >
@@ -361,8 +370,8 @@ onMounted(() => {
361
370
  type="number"
362
371
  :min="1"
363
372
  :max="items.page_max"
364
- :class="`${inputWidthClass} 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 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`"
365
- :placeholder="items.page_max.toString().length > 2 ? '···' : '••'"
373
+ :class="`${inputWidthClass} !h-7 md:!h-8 !text-[10px] md:!text-xs !font-normal !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 !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 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`"
374
+ placeholder=""
366
375
  @keydown="handleJumpInputKeydown"
367
376
  @blur="showJumpInput = false; jumpPageValue = ''"
368
377
  >
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fy-/fws-vue",
3
- "version": "2.3.54",
3
+ "version": "2.3.56",
4
4
  "author": "Florian 'Fy' Gasquez <m@fy.to>",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/fy-to/FWJS#readme",