adminforth 2.4.0-next.317 → 2.4.0-next.318

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 (4) hide show
  1. package/dist/spa/src/afcl/Table.vue +5 -9
  2. package/dist/spa/src/components/ResourceListTable.vue +6 -11
  3. package/dist/spa/src/components/ResourceListTableVirtual.vue +5 -8
  4. package/package.json +1 -1
package/dist/spa/src/afcl/Table.vue CHANGED
@@ -110,15 +110,15 @@
110
110
  <!-- <IconChevronDoubleLeftOutline class="w-4 h-4" /> -->
111
111
  1
112
112
  </button>
113
- <div
114
- :contenteditable="!isLoading && !props.isLoading"
113
+ <input
114
+ type="text"
115
+ v-model="pageInput"
116
+ :style="{ width: `${Math.max(1, pageInput.length+4)}ch` }"
115
117
  class="min-w-10 outline-none inline-block w-auto py-1.5 px-3 text-sm text-center text-lightTablePaginationInputText border border-lightTablePaginationInputBorder bg-lightTablePaginationInputBackground dark:border-darkTablePaginationInputBorder dark:text-darkTablePaginationInputText dark:bg-darkTablePaginationInputBackground z-10"
116
118
  @keydown="onPageKeydown($event)"
117
- @input="onPageInput($event)"
118
119
  @blur="validatePageInput()"
119
120
  >
120
- {{ pageInput }}
121
- </div>
121
+ </input>
122
122
 
123
123
  <button
124
124
  class="flex items-center py-1 px-3 text-sm font-medium text-lightUnactivePaginationButtonText focus:outline-none bg-lightUnactivePaginationButtonBackground border-l-0 border border-lightUnactivePaginationButtonBorder hover:bg-lightUnactivePaginationButtonHoverBackground hover:text-lightUnactivePaginationButtonHoverText dark:bg-darkUnactivePaginationButtonBackground dark:text-darkUnactivePaginationButtonText dark:border-darkUnactivePaginationButtonBorder dark:hover:text-darkUnactivePaginationButtonHoverText dark:hover:bg-darkUnactivePaginationButtonHoverBackground disabled:opacity-50"
@@ -245,10 +245,6 @@
245
245
  'sort-change',
246
246
  'clickTableRow'
247
247
  ]);
248
-
249
- function onPageInput(event: any) {
250
- pageInput.value = event.target.innerText;
251
- }
252
248
 
253
249
  function validatePageInput() {
254
250
  const newPage = parseInt(pageInput.value) || 1;
package/dist/spa/src/components/ResourceListTable.vue CHANGED
@@ -241,15 +241,14 @@
241
241
  <!-- <IconChevronDoubleLeftOutline class="w-4 h-4" /> -->
242
242
  1
243
243
  </button>
244
- <div
245
- contenteditable="true"
246
- class="af-pagination-input min-w-10 outline-none inline-block w-auto py-1.5 px-3 text-sm text-center text-lightListTablePaginationCurrentPageText border border-lightListTablePaginationBorder dark:border-darkListTablePaginationBorder dark:text-darkListTablePaginationCurrentPageText dark:bg-darkListTablePaginationBackgoround z-10"
244
+ <input
245
+ type="text"
246
+ v-model="pageInput"
247
+ :style="{ width: `${Math.max(1, pageInput.length+4)}ch` }"
248
+ class="af-pagination-input min-w-10 outline-none inline-block py-1.5 px-3 text-sm text-center text-lightListTablePaginationCurrentPageText border border-lightListTablePaginationBorder dark:border-darkListTablePaginationBorder dark:text-darkListTablePaginationCurrentPageText dark:bg-darkListTablePaginationBackgoround z-10"
247
249
  @keydown="onPageKeydown($event)"
248
- @input="onPageInput($event)"
249
250
  @blur="validatePageInput()"
250
- >
251
- {{ pageInput }}
252
- </div>
251
+ />
253
252
 
254
253
  <button
255
254
  class="af-pagination-last-page-button flex items-center py-1 px-3 text-sm font-medium text-lightListTablePaginationText focus:outline-none bg-lightListTablePaginationBackgoround border-l-0 border border-lightListTablePaginationBorder hover:bg-lightListTablePaginationBackgoroundHover hover:text-lightListTablePaginationTextHover focus:z-10 focus:ring-4 focus:ring-lightListTablePaginationFocusRing dark:focus:ring-darkListTablePaginationFocusRing dark:bg-darkListTablePaginationBackgoround dark:text-darkListTablePaginationText dark:border-darkListTablePaginationBorder dark:hover:text-white dark:hover:bg-darkListTablePaginationBackgoroundHover disabled:opacity-50"
@@ -599,10 +598,6 @@ async function startCustomAction(actionId: string, row: any) {
599
598
  }
600
599
  }
601
600
 
602
- function onPageInput(event: any) {
603
- pageInput.value = event.target.innerText;
604
- }
605
-
606
601
  function validatePageInput() {
607
602
  const newPage = parseInt(pageInput.value) || 1;
608
603
  const validPage = Math.max(1, Math.min(newPage, totalPages.value));
package/dist/spa/src/components/ResourceListTableVirtual.vue CHANGED
@@ -262,15 +262,15 @@
262
262
  <!-- <IconChevronDoubleLeftOutline class="w-4 h-4" /> -->
263
263
  1
264
264
  </button>
265
- <div
266
- contenteditable="true"
265
+ <input
266
+ type="text"
267
+ v-model="pageInput"
268
+ :style="{ width: `${Math.max(1, pageInput.length+4)}ch` }"
267
269
  class="af-pagination-input min-w-10 outline-none inline-block w-auto py-1.5 px-3 text-sm text-center text-lightListTablePaginationCurrentPageText border border-lightListTablePaginationBorder dark:border-darkListTablePaginationBorder dark:text-darkListTablePaginationCurrentPageText dark:bg-darkListTablePaginationBackgoround z-10"
268
270
  @keydown="onPageKeydown($event)"
269
- @input="onPageInput($event)"
270
271
  @blur="validatePageInput()"
271
272
  >
272
- {{ pageInput }}
273
- </div>
273
+ </input>
274
274
 
275
275
  <button
276
276
  class="af-pagination-last-page-button flex items-center py-1 px-3 text-sm font-medium text-lightListTablePaginationText focus:outline-none bg-lightListTablePaginationBackgoround border-l-0 border border-lightListTablePaginationBorder hover:bg-lightListTablePaginationBackgoroundHover hover:text-lightListTablePaginationTextHover focus:z-10 focus:ring-4 focus:ring-lightListTablePaginationFocusRing dark:focus:ring-darkListTablePaginationFocusRing dark:bg-darkListTablePaginationBackgoround dark:text-darkListTablePaginationText dark:border-darkListTablePaginationBorder dark:hover:text-white dark:hover:bg-darkListTablePaginationBackgoroundHover disabled:opacity-50"
@@ -623,9 +623,6 @@ async function startCustomAction(actionId: string, row: any) {
623
623
  }
624
624
  }
625
625
 
626
- function onPageInput(event: any) {
627
- pageInput.value = event.target.innerText;
628
- }
629
626
 
630
627
  function validatePageInput() {
631
628
  const newPage = parseInt(pageInput.value) || 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adminforth",
3
- "version": "2.4.0-next.317",
3
+ "version": "2.4.0-next.318",
4
4
  "description": "OpenSource Vue3 powered forth-generation admin panel",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",