vue2-excel-grid 1.3.1 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-excel-grid",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Excel-style grid component for Vue 2.6.14 with virtual scrolling",
   "license": "MIT",
   "author": "Fozilbek Raimberdiyev",

package/src/components/ExcelGrid.vue

@@ -917,6 +917,7 @@ import EgSelect from './EgSelect.vue'
 import EgTreeSelect from './EgTreeSelect.vue'
 import EgDatePicker from './EgDatePicker.vue'
 import { parseDateValue, formatDate } from '../utils/dateUtils.js'
+import { formatNumber as _formatNumber } from '../utils/numberFormat.js'
 import { Mask, MaskInput } from '../utils/mask.js'
 
 const SIZE_CONFIG = {
@@ -6116,6 +6117,15 @@ export default {
       this.$refs.wrapper && this.$refs.wrapper.focus()
     },
 
+    // Public, ref-callable: formats a number with a custom thousands
+    // separator (decimal point stays '.', no forced/padded decimals). Any
+    // value that isn't a finite number — already-formatted text like
+    // "6 000 000,00", arbitrary strings, etc. — is returned unchanged, so
+    // hosts can call this on raw cell values without checking the type first.
+    formatNumber(value, separator) {
+      return _formatNumber(value, separator)
+    },
+
     toggleLock() {
       this.internalLocked = !this.internalLocked
       this.$emit('update:locked', this.internalLocked)
@@ -6866,6 +6876,13 @@ export default {
 }
 .eg-cell-align-right  { justify-content: flex-end; }
 .eg-cell-align-center { justify-content: center; }
+/* .eg-cell-value is flex:1 (v1.1.126, to shrink/ellipsize correctly), so it
+   always fills the cell's full width — .eg-cell-align-*'s justify-content
+   above has no leftover space left to act on and never visibly moves it.
+   Same root cause .eg-cell-action-wrap already works around below; apply the
+   same fix here via text-align on the value span itself. */
+.eg-cell-align-right  .eg-cell-value { text-align: right; }
+.eg-cell-align-center .eg-cell-value { text-align: center; }
 .eg-cell--has-suffix.eg-cell-select::after { display: none; }
 .eg-cell-select-trigger-wrap {
   flex: 1;

package/src/utils/numberFormat.js

@@ -0,0 +1,15 @@
+// Formats a JS number with a custom thousands separator, keeping the
+// decimal point as '.' and showing only as many decimal digits as the
+// number itself already has (no padding, no rounding). Any input that
+// isn't a finite number — an already-formatted string like "6 000 000,00",
+// arbitrary text, null, NaN, etc. — is returned unchanged, so callers can
+// pass through mixed number/string cell values safely without pre-checking
+// the type themselves.
+export function formatNumber(value, separator) {
+  if (typeof value !== 'number' || !isFinite(value)) return value
+  const sep = separator == null ? '' : String(separator)
+  const sign = value < 0 ? '-' : ''
+  const [intPart, fracPart] = Math.abs(value).toString().split('.')
+  const grouped = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, sep)
+  return sign + grouped + (fracPart ? '.' + fracPart : '')
+}