evui 3.3.13 → 3.3.16

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.
@@ -172,6 +172,7 @@
172
172
  minWidth,
173
173
  rowHeight,
174
174
  }"
175
+ :scroll-left="summaryScroll"
175
176
  />
176
177
  <!-- Pagination -->
177
178
  <grid-pagination
@@ -186,7 +187,7 @@
186
187
  </template>
187
188
 
188
189
  <script>
189
- import { reactive, toRefs, computed, watch, onMounted, onActivated, nextTick } from 'vue';
190
+ import { reactive, toRefs, computed, watch, onMounted, onActivated, nextTick, ref } from 'vue';
190
191
  import treeGridNode from './TreeGridNode';
191
192
  import Toolbar from './treeGrid.toolbar';
192
193
  import GridPagination from '../grid/grid.pagination';
@@ -380,6 +381,7 @@ export default {
380
381
  elementInfo,
381
382
  clearCheckInfo,
382
383
  });
384
+ const summaryScroll = ref(0);
383
385
  const {
384
386
  updateVScroll,
385
387
  updateHScroll,
@@ -390,6 +392,7 @@ export default {
390
392
  elementInfo,
391
393
  resizeInfo,
392
394
  pageInfo,
395
+ summaryScroll,
393
396
  getPagingData,
394
397
  updatePagingInfo,
395
398
  });
@@ -689,6 +692,7 @@ export default {
689
692
  const getSlotName = column => `${column}Node`;
690
693
 
691
694
  return {
695
+ summaryScroll,
692
696
  gridStyle,
693
697
  gridClass,
694
698
  headerClass,
@@ -39,7 +39,8 @@ export const commonFunctions = (params) => {
39
39
  convertValue = numberWithComma(value);
40
40
  convertValue = convertValue === false ? value : convertValue;
41
41
  } else if (column.type === 'float') {
42
- convertValue = convertValue.toFixed(column.decimal ?? 3);
42
+ const floatValue = convertValue.toFixed(column.decimal ?? 3);
43
+ convertValue = floatValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
43
44
  }
44
45
 
45
46
  return convertValue;
@@ -87,6 +88,7 @@ export const scrollEvent = (params) => {
87
88
  elementInfo,
88
89
  resizeInfo,
89
90
  pageInfo,
91
+ summaryScroll,
90
92
  getPagingData,
91
93
  updatePagingInfo,
92
94
  } = params;
@@ -134,6 +136,7 @@ export const scrollEvent = (params) => {
134
136
  const bodyEl = elementInfo.body;
135
137
 
136
138
  headerEl.scrollLeft = bodyEl.scrollLeft;
139
+ summaryScroll.value = bodyEl.scrollLeft;
137
140
  };
138
141
  /**
139
142
  * scroll 이벤트를 처리한다.