edvoyui-component-library-test-flight 0.0.230 → 0.0.231

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.
@@ -1,8 +1,5 @@
1
1
  <template>
2
-
3
- <div
4
- class="inline-flex flex-row items-center gap-2 overflow-hidden border-gray-100 rounded"
5
- >
2
+ <div class="inline-flex flex-row items-center gap-2 overflow-hidden border-gray-100 rounded">
6
3
  <div>
7
4
  <button
8
5
  :class="[
@@ -34,7 +34,11 @@ declare function __VLS_template(): {
34
34
  headerLength: number;
35
35
  }): any;
36
36
  'no-records'?(_: {}): any;
37
- tableCount?(_: {}): any;
37
+ tableCount?(_: {
38
+ currentPage: number;
39
+ from: number;
40
+ to: number;
41
+ }): any;
38
42
  tablepagination?(_: {}): any;
39
43
  };
40
44
  refs: {
@@ -276,19 +276,25 @@
276
276
  v-if="stickyFooter"
277
277
  class="sticky bottom-0 left-0 z-50 flex items-center justify-between px-2 py-1 bg-white border-t border-gray-300"
278
278
  >
279
- <slot name="tableCount">
280
- <div class="inline-flex items-center gap-x-2">
281
- <div class="text-sm font-medium text-gray-900">
282
- Total {{ total }}
279
+ <slot
280
+ name="tableCount"
281
+ :currentPage="newCurrentPage"
282
+ :from="newCurrentPage * limit + 1"
283
+ :to="(newCurrentPage + 1) * limit"
284
+ >
285
+ <div class="inline-flex items-center gap-x-10">
286
+ <div class="text-sm font-normal text-gray-900">
287
+ {{ newCurrentPage * limit + 1 }} -
288
+ {{ (newCurrentPage + 1) * limit }} of {{ total }}
283
289
  </div>
284
- <span class="text-gray-300">&vert;</span>
285
- <div class="inline-flex items-center">
286
- <span class="text-sm font-medium text-gray-900">Per page</span>
290
+ <div class="inline-flex items-center gap-2">
291
+ <span class="text-sm font-normal text-gray-900"
292
+ >Result per page</span
293
+ >
287
294
  <EUIPageLimit
288
295
  :page-limit="limit"
289
296
  @update-limit="changeLimit($event)"
290
297
  @refetch="searchData($event)"
291
- :iconStyle="true"
292
298
  />
293
299
  </div>
294
300
  </div>